From a9fd59c752342d5864428c79987c1b649f42970e Mon Sep 17 00:00:00 2001
From: Lee Robinson <lrobinson2011@gmail.com>
Date: Sat, 2 Sep 2023 11:17:54 -0500
Subject: [PATCH] dynami

---
 components/dynamic.tsx             | 20 ++++++++++++++++++++
 components/layout/navbar/index.tsx |  1 +
 package.json                       |  3 ++-
 pnpm-lock.yaml                     | 11 +++++++++++
 4 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 components/dynamic.tsx

diff --git a/components/dynamic.tsx b/components/dynamic.tsx
new file mode 100644
index 000000000..55cc119b3
--- /dev/null
+++ b/components/dynamic.tsx
@@ -0,0 +1,20 @@
+import { Suspense } from 'react';
+//import { dynamic } from "next/render-mode"
+import "server-only";
+
+function D({ children }: { children: React.ReactNode }) {
+  //dynamic();
+  return children;
+}
+
+export function Dynamic({fallback, error, children}: {
+    fallback: React.ReactNode, 
+    error: string,
+    children: React.ReactNode
+}) {
+  return (
+    <Suspense fallback={fallback}>
+        <D>{children}</D>
+    </Suspense>
+  );
+}
\ No newline at end of file
diff --git a/components/layout/navbar/index.tsx b/components/layout/navbar/index.tsx
index 7feb68d07..eb50727c2 100644
--- a/components/layout/navbar/index.tsx
+++ b/components/layout/navbar/index.tsx
@@ -1,5 +1,6 @@
 import Cart from 'components/cart';
 import OpenCart from 'components/cart/open-cart';
+import { Dynamic } from 'components/dynamic';
 import LogoSquare from 'components/logo-square';
 import { getMenu } from 'lib/shopify';
 import { Menu } from 'lib/shopify/types';
diff --git a/package.json b/package.json
index ced3d26a4..bb657b915 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,8 @@
     "clsx": "^2.0.0",
     "next": "13.4.13-canary.15",
     "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react-dom": "18.2.0",
+    "server-only": "^0.0.1"
   },
   "devDependencies": {
     "@tailwindcss/container-queries": "^0.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 67dc0e88d..577addb96 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,5 +1,9 @@
 lockfileVersion: '6.0'
 
+settings:
+  autoInstallPeers: false
+  excludeLinksFromLockfile: false
+
 dependencies:
   '@headlessui/react':
     specifier: ^1.7.15
@@ -19,6 +23,9 @@ dependencies:
   react-dom:
     specifier: 18.2.0
     version: 18.2.0(react@18.2.0)
+  server-only:
+    specifier: ^0.0.1
+    version: 0.0.1
 
 devDependencies:
   '@tailwindcss/container-queries':
@@ -2898,6 +2905,10 @@ packages:
       lru-cache: 6.0.0
     dev: true
 
+  /server-only@0.0.1:
+    resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}
+    dev: false
+
   /shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}