function ABC({ navigation }){

    const [localItemID, setLocalItemID] = useState();


    const dataToSelect = useSelector((state) => state.posts.postsData);

    return(
        <View>
            <FlatList data={dataToSelect} keyExtractor={(item, index) => {return index.toString()}} renderItem={({item}) => {
                setLocalItemID(item._id);
                
                return(
                    <TouchableOpacity>
                        <Image source={logo} />
                        <Text>{item.name}</Text>
                    </TouchableOpacity>
                );
            }} />
        </View>
    );

}

when I add this line:

 setLocalItemID(item._id);

in the function of the renderItem prop in FlatList, I get the following error:

Warning: Cannot update a component (%s) while rendering a different component (%s). To locate the bad setState() call inside %s, follow the stack trace as described in https://reactjs.org/link/setstate-in-render%s, ListComponent, CellRenderer, CellRenderer, in CellRenderer (created by VirtualizedList)