Passing data form parent to Child with the value fetch form API

I wanna passing the selectedCategory (it is State hook) to the Child Item,
First of all, I use the getServiceCatoriesAsync API (redux toolkit) and pass props.serviceCategories[0]?._id to State to fetch initialState (ID of Category).

In Child Component, I receive selectedCategory with the value: undefined

How to fix this.

const ServicesScreen = (props) => {
    //! props: navigation, route,
    //! props Redux: serviceCategories, getServiceCategoriesAsync

    const nCount = React.useRef(0);
    console.log(`ServicesScreen - render `, (nCount.current += 1));

    const [selectedCategory, setSelectedCategory] = React.useState(props.serviceCategories[0]?._id);

    React.useEffect(() => {
        let isSubscribed = true;
        if (isSubscribed) {
            props.getServiceCategoriesAsync();
        }
        return () => {
            isSubscribed = false; //! Cancel the subscription
        };
    }, [selectedCategory]);

return (
    <View style={styles.container}>
        <PanelServiceCategory
            theme={theme}
            style={styles.containerPanelCategory}
            setSelectedCategory={setSelectedCategory}
            selectedCategory={selectedCategory}
            serviceCategories={props.serviceCategories}
            {...props}
        />
        <PanelServices style={styles.containerPanelService} />
    </View>
);

};