I am new to flashlist, not able to make it select when using redux

[vinkumdev]

Below is my component, i am able to select when i pass categories1 but select not working when i use categories from redux selector.

const CategorySelection = () => {
  // State to keep track of the active item
  const [selectedCategoryId, setSelectedCategoryId] = useState(null);
  const categories = useSelector(selectRootCategories);

  const categories1 = [
    {id: 1, name: 'Category 1'},
    {id: 2, name: 'Category 2'},
    {id: 3, name: 'Category 3'},
    {id: 4, name: 'Category 4'},
    {id: 5, name: 'Category 5'},
  ];

  const handleSelectCategory = id => {
    setSelectedCategoryId(id);
  };

  const renderCategoryItem = ({item}) => {
    const isSelected = item.id === selectedCategoryId;

    return (
      <TouchableOpacity
        style={[
          styles.categoryItem,
          {backgroundColor: isSelected ? 'lightblue' : 'white'},
        ]}
        onPress={() => handleSelectCategory(item.id)}>
        <Text style={styles.categoryText}>{item.name}</Text>
      </TouchableOpacity>
    );
  };

  return (
    <FlashList
      data={categories1}
      renderItem={renderCategoryItem}
      keyExtractor={item => item.id.toString()}
      estimatedItemSize={50}
      horizontal={true}
      showsHorizontalScrollIndicator={false}
    />
  );
};

const styles = StyleSheet.create({
  categoryItem: {
    padding: 16,
    borderRadius: 8,
    marginVertical: 8,
    alignItems: 'center',
  },
  categoryText: {
    fontSize: 16,
    color: 'black',
  },
});

export default CategorySelection;