Product list with cart using React+TS, Framer Motion, and Storybook

Community feedback

• 

  P

  markus•2,250

  @markuslewinPosted 12 days ago

  Hey!

  The updater function of set* calls has to be pure, but the updater functions of the increment and decrement functions of AddToCart indirectly have side effects via callback, since the callback modifies the cart. I think the solution in this case is to call the callback outside of the updater:

  const increment = () => {
    const value = quantity + 1;
    setQuantity(value);
    if (callback) callback(value);
  };
  

  Link to the docs: My initializer or updater function runs twice.

  Marked as helpful

  1

  ---

  

  Josh Javier•830

  @joshjavierPosted 11 days ago

  @markuslewin You're right! Thanks for pointing me in the right direction. I've updated my code now and the console error is gone. Now I'll be extra careful to keep my updater functions pure. 😊

  1
• 

  Judenetwork•0

  @JudenetworkPosted 13 days ago

  Great work project. Can you let users to sign up and sign in for the website so that during shipping there won't be confusion of goods.

  Thanks.

  0