pproducts

components/productsPage/products.tsx

@@ -0,0 +1,16 @@
+import { allProduct } from "@/lib/allProducts";
+import React, { useEffect, useState } from "react";
+
+export default function Products() {
+  const [allProducts, setAllProducts] = useState<any>(null);
+  useEffect(() => {
+    const all = allProduct();
+    all && Array.isArray(all) ? setAllProducts(all) : setAllProducts([]);
+    setAllProducts;
+  }, [allProducts]);
+  return (
+    <div>
+      <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-4"></div>
+    </div>
+  );
+}