Uncaught TypeError: can't access property Symbol.iterator, _StateProvider__WEBPACK_IMPORTED_MODULE_2__.useStateValue() is undefined

Dunno why this is happening. At first I thought something was wrongly imported or misspelled but I couldn't find a solution. This is the StateProvider where its created useStateValue

The index.js where its imported

this is the CheckOutPage where I use useStateValue from StateProvider