Comments (8)
You just need to return item , in this particular part of onAdd function. as shown below
if (checkProductInCart) {
const updatedCartItems = cartItems.map((item) => {
if (item._id === product._id)
return {
...item,
quantity: item.quantity + quantity,
};
{
return item;
}
});
from ecommerce_sanity_stripe.
I found the same issue, can someone provide the fix for this error ?
from ecommerce_sanity_stripe.
@adrianhajdin, hey man could you look at this issue for us
from ecommerce_sanity_stripe.
The fixes for these issues are already provided in the issue section, the only thing I couldn't find is how to reset the quantity back to 1 once we move on to another product
product A = quantity 4
when click on another product
the quantity is still 4 and doesn't revert back to it's initial state which is "1"
from ecommerce_sanity_stripe.
hi Foor3y3s ,
Thanks for your help,
Could you tell me which issue it was
from ecommerce_sanity_stripe.
The error "Property does not exist on type 'never'" occurs when we try to access a property on a value of type never or when TypeScript gets confused when analyzing our code. To solve the error, use square brackets to access the property. e.g.
const onAdd = (product, quantity) => {
const checkProductInCart = cartItems.find((item) => item['_id'] === product._id);
In short, do obj['myProperty'], instead of obj.myProperty.
from ecommerce_sanity_stripe.
I am also facing a similar kind of error: if any of you could help me with this I am putting the video link https://www.loom.com/share/701a8b0c08144b34b4876296aa9a0a0c
from ecommerce_sanity_stripe.
You just need to return item , in this particular part of onAdd function. as shown below
if (checkProductInCart) { const updatedCartItems = cartItems.map((item) => { if (item._id === product._id) return { ...item, quantity: item.quantity + quantity, }; { return item; } });
This worked for me, thanks!
from ecommerce_sanity_stripe.
Related Issues (20)
- 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
- if i try to add same item after adding another item it says undefiend to all the other items beside newly added one HOT 1
- cannot deploy the project HOT 2
- setCartItems only updates on second click of add to cart button, with the previous product and quantity
- Stripe: Invalid integer: NaN
- Add element to cart keep same quantity HOT 3
- Error in Deploying in Vercel HOT 10
- sanity schema problem HOT 3
- Stripe redirect to Checkout failed HOT 3
- 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
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.