Nested array in Context React won't update its state

Question

I\'m building a e-commerce store where I have the following data structure:

productsData.js

export const storeProducts = [
  {