Blank page on importing products from commerce.js

[yassin246]

When we were using product mocks, it was working fine, when i started using the commerce.js ones, the website compiled but it was just a blank screen

`import React from 'react'; import { Card, CardMedia, CardContent, CardActions, Typography, IconButton } from '@material-ui/core'; import { AddShoppingCart } from '@material-ui/icons';

import useStyles from './styles';

const Product = ({ product, onAddToCart }) => { const classes = useStyles();

const handleAddToCart = () => onAddToCart(product.id, 1);

return (

{product.name} ${product.price.formatted}

); }; export default Product;`