import some components dynamically

apps/app/src/components-universal/Layout/BasicLayout.tsx

@@ -3,8 +3,6 @@ import React from 'react';
 
 import dynamic from 'next/dynamic';
 
-import { Sidebar } from '~/components/Sidebar';
-
 import { RawLayout } from './RawLayout';
 
 
@@ -13,6 +11,8 @@ import styles from './BasicLayout.module.scss';
 const moduleClass = styles['grw-basic-layout'] ?? '';
 
 
+const Sidebar = dynamic(() => import('~/components/Sidebar').then(mod => mod.Sidebar), { ssr: false });
+
 const AlertSiteUrlUndefined = dynamic(() => import('~/components/AlertSiteUrlUndefined').then(mod => mod.AlertSiteUrlUndefined), { ssr: false });
 const DeleteAttachmentModal = dynamic(
   () => import('~/components/PageAttachment/DeleteAttachmentModal').then(mod => mod.DeleteAttachmentModal), { ssr: false },

apps/app/src/pages/[[...path]].page.tsx

@@ -54,8 +54,6 @@ import { useSetupGlobalSocket, useSetupGlobalSocketForPage } from '~/stores/webs
 import { useCurrentPageYjsData, useSWRMUTxCurrentPageYjsData } from '~/stores/yjs';
 import loggerFactory from '~/utils/logger';
 
-import GrowiContextualSubNavigationSubstance from '../components/Navbar/GrowiContextualSubNavigation';
-
 import type { NextPageWithLayout } from './_app.page';
 import type { CommonProps } from './utils/commons';
 import {
@@ -69,6 +67,8 @@ declare global {
 }
 
 
+const GrowiContextualSubNavigationSubstance = dynamic(() => import('~/components/Navbar/GrowiContextualSubNavigation'), { ssr: false });
+
 const GrowiPluginsActivator = dynamic(() => import('~/features/growi-plugin/client/components').then(mod => mod.GrowiPluginsActivator), { ssr: false });
 
 const DisplaySwitcher = dynamic(() => import('../components/Page/DisplaySwitcher').then(mod => mod.DisplaySwitcher), { ssr: false });