Can't access cart. "TypeError: cartItems.map is not a function" about proshop_mern HOT 8 CLOSED

I clone the repo and set the .env file and it works.
please open an Incognito window and try again.
I guess there is value for localStorage.getItem('cartItems') here:

store.js

const cartItemsFromStorage = localStorage.getItem('cartItems')
  ? JSON.parse(localStorage.getItem('cartItems'))
  : []

from proshop_mern.

In incognito browser, Storage.cartItems is correctly an array of objects:

cartItems: "[{"product":"5fa8a16...etc

In my browser, Storage.cartItems is incorrectly an object of objects:

cartItems: "{"item":{"product":"5fa34c1e

Is this a bug in my project code's localStorage that has persisted over to your finished repo's localStorage?

I deleted the bug from local storage in the Chrome dev tools, and now it is functioning correctly. Thank you for the assistance.

from proshop_mern.

Could you try to use a postman and hit this route? get(/api/products/${id});

from proshop_mern.

@basir I have tried cloning the repo but it gives me a error and I set up the repo's and everything. Is there another command or something I'm doing wrong?

from proshop_mern.

from proshop_mern.

TypeError: cartItems.map is not a function

from proshop_mern.

I cloned your finished repo, and it's fully functioning except I receive the following error when trying to access the cart.

TypeError: cartItems.map is not a function
CartScreen
src/screens/CartScreen.js:41
  38 |     Your cart is empty <Link to='/'>Go Back</Link>
  39 |   </Message>
  40 | ) : (
> 41 |   <ListGroup variant='flush'>
     | ^  42 |     {cartItems.map((item) => (
  43 |       <ListGroup.Item key={item.product}>
  44 |         <Row>

All I have done is npm install and add my Mongo URI to .env.

Any idea why I might be running into this error?

TypeError: cartItems.map is not a function

from proshop_mern.

TypeError: cartItems.map is not a function

from proshop_mern.