react-native-skeleton-placeholder not working if condition

[jeffryaz]

if there are the following conditions then the content does not appear. but if it has no condition then it can appear
//not show

props.actionHome === actionTypes.GET_DASHBOARD_LIST_FETCH && props.fetchDashboardList && (
    <LoadingSkeleton />
)

//show
<LoadingSkeleton />

const LoadingSkeleton = (): JSX.Element => {
    return (
        <View>
            <View style={{ marginBottom: 50 }}>
                <View style={{ marginBottom: 20 }}>
                    <SkeletonPlaceholder borderRadius={4} highlightColor="#ffffff" speed={700}>
                        <SkeletonPlaceholder.Item flexDirection="row" alignItems="center" justifyContent="space-between">
                            <SkeletonPlaceholder.Item width={150} height={20} />
                            <SkeletonPlaceholder.Item width={50} height={20} />
                        </SkeletonPlaceholder.Item>
                    </SkeletonPlaceholder>
                </View>
                <View>
                    <SkeletonPlaceholder borderRadius={4} highlightColor="#ffffff" speed={700}>
                        <SkeletonPlaceholder.Item flexDirection="row">
                            <SkeletonPlaceholder.Item width={150} height={150} marginRight={15} />
                            <SkeletonPlaceholder.Item width={150} height={150} marginRight={15} />
                            <SkeletonPlaceholder.Item width={150} height={150} marginRight={15} />
                        </SkeletonPlaceholder.Item>
                    </SkeletonPlaceholder>
                </View>
            </View>
            <View style={{ marginBottom: 50 }}>
                <View style={{ marginBottom: 20 }}>
                    <SkeletonPlaceholder borderRadius={4} highlightColor="#ffffff" speed={700}>
                        <SkeletonPlaceholder.Item flexDirection="row" alignItems="center" justifyContent="space-between">
                            <SkeletonPlaceholder.Item width={150} height={20} />
                            <SkeletonPlaceholder.Item width={50} height={20} />
                        </SkeletonPlaceholder.Item>
                    </SkeletonPlaceholder>
                </View>
                <View>
                    <SkeletonPlaceholder borderRadius={4} highlightColor="#ffffff" speed={700}>
                        <SkeletonPlaceholder.Item flexDirection="row">
                            <SkeletonPlaceholder.Item width={150} height={150} marginRight={15} />
                            <SkeletonPlaceholder.Item width={150} height={150} marginRight={15} />
                            <SkeletonPlaceholder.Item width={150} height={150} marginRight={15} />
                        </SkeletonPlaceholder.Item>
                    </SkeletonPlaceholder>
                </View>
            </View>
        </View>
    )
}