Product list with cart made with React

This is the first time i used React and i really like it so far. I learned it while doing this page and i tried to follow best practices, which i think i mostly did. For the next project i will have to look a bit more into best practices for Context API, when to use them and when to not use them.

At first, I found it hard to understand when to create a component, and as with all things, the internet doesn't seem to agree on the 'correct' way to create them. Some components could be broken down into smaller parts, but overall, I think they’re fine for a smaller project like this, where we don’t have many reused components. I need to find a balance that works for me. I’d welcome any feedback on my current component usage and the project overall. Thanks in advance!