update product details

components/commerce/collection-grid.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { Link } from "react-router";
+import Link from "next/link";
 import { shopifyFetch } from "@/services/shopify/client";
 import { GET_COLLECTIONS_QUERY } from "@/graphql/collections";
 import { Container } from "@/components/layout/Container";
@@ -71,7 +71,7 @@ export function CollectionGrid({
           ).map((c: CollectionRow) => (
             <Link
               key={c.id}
-              to={c.handle ? `/collections/${c.handle}` : "#"}
+              href={c.handle ? `/collections/${c.handle}` : "#"}
               className="group block"
             >
               <div