From 43ba5439f8e62b1ed6d94d0f62e0f427f4b0d70b Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 2 Mar 2024 18:20:20 -0600
Subject: [PATCH] Wrap <CommandK /> in suspense

---
 src/app/layout.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7ea6be9b..3414fe87 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -17,6 +17,7 @@ import MoreComponentsProvider from '@/state/MoreComponentsProvider';
 import CommandK from '@/site/CommandK';
 
 import '../site/globals.css';
+import CommandKClient from '@/components/CommandKClient';
 
 const ibmPlexMono = IBM_Plex_Mono({
   subsets: ['latin'],
@@ -94,7 +95,9 @@ export default function RootLayout({
                   <Footer />
                 </Suspense>
               </main>
-              <CommandK />
+              <Suspense fallback={<CommandKClient />}>
+                <CommandK />
+              </Suspense>
             </ThemeProviderClient>
           </MoreComponentsProvider>
           <Analytics debug={false} />