ExtraData not working after adding new data to list

[Kupascafe]

I am displaying list of categories using Flashlist, but ExtraData isnt working when I create a new category. The form is using modal.
After I add new category, I update the list on redux, but the list doesnt rerender.
I am using true and false on ExtraData and update it on useEffect with categories state on redux.

my FlashList Component

<FlashList
        data={dashboardState.activeCategories}
         renderItem={({item, index}) => <ListComponent item={item}/>}
         ListEmptyComponent={() => _emptyList()}
         estimatedItemSize={100}
         extraData={extradata}
/>

This is How I update extradata

const [extradata, setExtradata] = useState(true);

useEffect(() => {
        setExtradata(!extradata)
    }, [JSON.stringify(state.categories)])

How I update the redux state

let tempCategories = getState().dashboard.categories;
tempCategories.push(res.category)
dispatch(setCategories(tempCategories ))

The list get updated, extradata is get updated on useEffect but the list wont update/rerender. The list still showing the old list.
Any idea whats wrong?

[Kupascafe]

Turn out the problem is the new data coming from backend not including count data under the category. so its missing count data (The old list containing count data for each categort) but not sure why it causing Flashlist not to rerender.