Comments (1)
Same issue. I suspect something is not working as expected when we are updating the quantity of the matching item. Instead of replacing it with the same item with an updated quantity it is updating it with undefined.
I replaced:
if(checkProductInCart) {
const updatedCartItems = cartItems.map((cartProduct) => {
if(cartProduct._id === product._id) return {
...cartProduct,
quantity: cartProduct.quantity + quantity
}
})
setCartItems(updatedCartItems);
}
With:
if (checkProductInCart) {
// find the index
index = cartItems.findIndex((item) => item._id === product._id)
//shallow copy
let newCartItems = [...cartItems]
//update the item
checkProductInCart.quantity += quantity
//insert back into the same place
newCartItems[index] = { ...checkProductInCart }
//update
setCartItems(newCartItems)
}
And it seems to be working correctly :)
from ecommerce_sanity_stripe.
Related Issues (20)
- const { decQty, incQty, qty, onAdd, setShowCart } = useStateContext(); these variables are undefined in the slug.js file. On printing useStateContext() on console it shows the default value() HOT 3
- > _No description provided._ HOT 1
- "Error: Unable to resolve image URL from source (undefined)" -> [slug].js: image[index] == undefined HOT 3
- Unable to resolve image URL from source (undefined) at 1:28 min HOT 4
- Schema error
- Sup guys if you have any issues with adding products to local storage here is the code or you wanna Margaret to next.js 13 here is the repo
- TypeError: Cannot read properties of undefined (reading 'length') bannerData.length is not fetching from sanity (sanity has 2 products in it's db) HOT 6
- components and indexjs erros HOT 14
- Ordering products in cart based on add order HOT 2
- TypeError: Cannot destructure property 'image' of 'product' as it is null. This error happened while generating the page. Any console logs will be displayed in the terminal window. Source pages\product\[slug].js (9:10) @ ProductDetails 7 | 8 | const ProductDetails = ({ product, products }) => { > 9 | const { image, name, details, price } = product ; | ^ 10 | const [index, setIndex] = useState(0); 11 | const { decQty, incQty, qty, onAdd, setShowCart } = useStateContext(); 12 |
- How to link search bar I added the code but when I click on search it is redirecting me and showing 404 Not Found. can you help me plzzz..!
- Help me create menu i'm newbie PLSSSSSS HOT 1
- Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading '0')
- Module parse failed: Unexpected token (1:7) HOT 2
- Server Error Error: Unable to resolve image URL from source (undefined) This error happened while generating the page. Any console logs will be displayed in the terminal window.
- SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data HOT 2
- Adding commas to separate thousands "("comma-separated values" or "comma formatting." )
- not redirecting to stripe page
- 'Shop Now' button not working. TypeError: Cannot destructure property 'image' of 'product' as it is null
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ecommerce_sanity_stripe.