Javascript 无法将产品添加到Collection 夹屏幕并获取此TypeError：undefined不是函数

我无法将产品添加到Collection 夹页面，并收到上面的错误.

我正在使用带有上下文挂钩的Reaction-Native来将产品添加到购物车和Collection 页面.问题是减速机挂钩中的所有操作都在工作，除了添加到Collection 夹操作不起作用.

上下文代码

const initialState = {
  products: ProductData, // productData is dummy data where i place all products with details
  cart: [],
  FavoritesList: [],
};
 
const reducer = (state = initialState, action) => {
  switch(action.type) {
    case 'ADD_PRODUCT_TO_FAVORITE':
      const product = action.payload;
      const index = state.products.findIndex((item)=> item?.id === product?.id)
      if (index >= 0) {
        state.splice(index, 1);
      } else {
        state.push(product)
      }

      return [...state,];

    case 'CLEAR':
      return {cart :[]}
           
    default:
      throw new Error(`unknow action.${action.type}`)
  }
}

最喜欢的屏幕代码

const Faviroute = () => {
  const { FavoritesList } = useCart();
  
  return (
    <View
      style={{
        // flex:1,
      }}
    >
      {(FavoritesList.length === 0) ?
        <View> 
          <Text>Get your favourite Coffee easily</Text>
        </View>   
      : <View> 
          {/*Card Container*/}
          <ScrollView>
            <View>
              {FavoritesList.map((item, index) => (         
                <View key={index}>           
                  <Text>{`Product Name: ${item.name}`}</Text>           
                  <Text>{`Size: ${item.size}`}</Text>           
                  <Text>{`Quantity: ${item.qty}`}</Text>           
                  <Text>{`Price: ${item.price}`}</Text>         
                </View>       
              ))}       
            </View>
          </ScrollView>
        </View>
      }
    </View>
  )
}