so the error is at const [state, dispatch] = useStateValue(); it says Object is not iterable (cannot read property Symbol(Symbol.iterator))

Question

import React from \'react\' import \'./Product.css\'; import { useStateValue } from \'./StateProvider\';

function Product({ id, title, img, price, rating }) {