fix: handle 404

Author: VariableVic

src/app/(main)/products/[handle]/page.tsx

@@ -8,12 +8,13 @@ type Props = {
 }
 
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
-  const { products } = await getProductByHandle(params.handle).catch((err) => {
-    console.error(err)
-    notFound()
-  })
+  const data = await getProductByHandle(params.handle)
 
-  const product = products[0]
+  const product = data.products[0]
+
+  if (!product) {
+    notFound()
+  }
 
   return {
     title: `${product.title} | Acme Store`,
@@ -32,7 +33,5 @@ export default async function CollectionPage({ params }: Props) {
     notFound()
   })
 
-  console.log(products)
-
   return <ProductTemplate product={products[0]} />
 }