debug error

src/components/ProductSuggestion/ProductSuggestion.jsx

@@ -42,94 +42,96 @@ const ProductSuggestion = () => {
         item
         size={{ xs: 6, sm: 6, md: 3 }}
       >
-        <Box
-          sx={{
-            overflow: "hidden",
-            position: "relative",
-            cursor: "pointer",
-          }}
-          onClick={() => {
-            navigate(`/products/${handle}`)
-          }}
-        >
-          <img
-            src={img_url}
-            alt={title}
-            style={{
-              width: "100%",
-              aspectRatio: "3 / 4",
-              objectFit: "cover",
-              objectPosition: "top center",
+        <a href={`/products/${handle}`} style={{ textDecoration: "none", color: "#000" }}>
+          <Box
+            sx={{
+              overflow: "hidden",
+              position: "relative",
+              cursor: "pointer",
             }}
-          />
-
-          {selected && (
-            <Button
-              sx={{
-                position: "absolute",
-                top: {
-                  xs: 0,
-                  sm: 0,
-                  md: 10,
-                  lg: 20,
-                },
-                left: {
-                  xs: 0,
-                  sm: 0,
-                  md: 10,
-                  lg: 20,
-                },
-                boxShadow: 0,
-                fontSize: 10,
+            onClick={() => {
+              navigate(`/products/${handle}`)
+            }}
+          >
+            <img
+              src={img_url}
+              alt={title}
+              style={{
+                width: "100%",
+                aspectRatio: "3 / 4",
+                objectFit: "cover",
+                objectPosition: "top center",
               }}
-              variant="contained"
-            >
-              NEW
-            </Button>
-          )}
+            />
 
-          <Box sx={{ pb: 3, pt: 1, width: "90%" }}>
-            <Typography
-              variant="body2"
-              sx={{
-                fontWeight: "100",
-                fontSize: {
-                  xs: "0.65rem",
-                  sm: "0.65rem",
-                  md: "0.75rem",
-                },
-              }}
-            >
-              {collection_name}
-            </Typography>
-            <Typography
-              variant="body2"
-              sx={{
-                fontWeight: "400",
-                fontSize: {
-                  xs: "0.73rem",
-                  sm: "0.73rem",
-                  md: "0.875rem",
-                },
-              }}
-            >
-              {title}
-            </Typography>
-            <Typography
-              variant="body2"
-              sx={{
-                fontWeight: "100",
-                fontSize: {
-                  xs: "0.73rem",
-                  sm: "0.73rem",
-                  md: "0.875rem",
-                },
-              }}
-            >
-              {`${minPriceCurrency} ${parseFloat(minPrice).toFixed(2)}`}
-            </Typography>
+            {selected && (
+              <Button
+                sx={{
+                  position: "absolute",
+                  top: {
+                    xs: 0,
+                    sm: 0,
+                    md: 10,
+                    lg: 20,
+                  },
+                  left: {
+                    xs: 0,
+                    sm: 0,
+                    md: 10,
+                    lg: 20,
+                  },
+                  boxShadow: 0,
+                  fontSize: 10,
+                }}
+                variant="contained"
+              >
+                NEW
+              </Button>
+            )}
+
+            <Box sx={{ pb: 3, pt: 1, width: "90%" }}>
+              <Typography
+                variant="body2"
+                sx={{
+                  fontWeight: "100",
+                  fontSize: {
+                    xs: "0.65rem",
+                    sm: "0.65rem",
+                    md: "0.75rem",
+                  },
+                }}
+              >
+                {collection_name}
+              </Typography>
+              <Typography
+                variant="body2"
+                sx={{
+                  fontWeight: "400",
+                  fontSize: {
+                    xs: "0.73rem",
+                    sm: "0.73rem",
+                    md: "0.875rem",
+                  },
+                }}
+              >
+                {title}
+              </Typography>
+              <Typography
+                variant="body2"
+                sx={{
+                  fontWeight: "100",
+                  fontSize: {
+                    xs: "0.73rem",
+                    sm: "0.73rem",
+                    md: "0.875rem",
+                  },
+                }}
+              >
+                {`${minPriceCurrency} ${parseFloat(minPrice).toFixed(2)}`}
+              </Typography>
+            </Box>
           </Box>
-        </Box>
+        </a>
       </Grid>
     );
   };

src/pages/Cart.jsx

@@ -125,14 +125,12 @@ const Cart = () => {
                       <img
                         src={image.src}
                         alt={image.src}
-                        onClick={()=>{ window.location.href = `/products/${prodID}`}}
                         style={{
                           width: 100,
                           height: 100,
                           aspectRatio: '4 / 4',
                           objectFit: 'cover',
                           objectPosition: "top center",
-                          cursor:"pointer"
                         }}
                       />
                     </TableCell>