Lazy load nav

muliswilliam · Sep 24, 2023 · 2aadf4b · 2aadf4b
1 parent c345655
commit 2aadf4b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/nav.tsx b/src/components/nav.tsx
@@ -50,7 +50,7 @@ interface Props {
   showDashboardMenu?: boolean
 }
 
-export function MainNav({ className, showDashboardMenu }: Props) {
+export default function MainNav({ className, showDashboardMenu }: Props) {
   // hooks
   const { userId } = useAuth()
   const router = useRouter()

diff --git a/src/layouts/main.tsx b/src/layouts/main.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
-import { MainNav } from '@/components/nav'
+import dynamic from 'next/dynamic'
+const MainNav = dynamic(() => import('@/components/nav'), { ssr: false })
 import { AppHead } from '../components/Head'
 import { ContentWrapper } from './content-wrapper'