Check the render method of `Category`. See https://reactjs.org/link/warning-keys for more information. at FoodCard (http://localhost:3000/static/js/bundle.js:966:5) at Category (http://localhost:3000/static/js/bundle.js:2829:66)Mi error puede generarse a partir de este fragmento de código, pero no estoy seguro.
const Category = () =>{ const {category} = useParams(); const {categoriesMap} = useContext(CategoriesContext); const[products, setProducts] = useState([categoriesMap[category]]); useEffect(()=>{ setProducts(categoriesMap[category]); }, [category, categoriesMap]) return ( <Fragment> <h2 className='category-title'>{category.toUpperCase()}</h2> <div className='category-container'> {products && products .map((food) => ( <FoodCard key={food.id} food={food} /> ))} </div> </Fragment> ); }; export default Category;su problema parece provenir de key={food.id}
debe verificar sus valores de food.id Probablemente haya dos valores idénticos en su conjunto de datos