wip: avoid ssr

apps/app/src/components/Page/PageView.tsx

@@ -27,6 +27,7 @@ import { UserInfo } from '../User/UserInfo';
 import type { UsersHomepageFooterProps } from '../UsersHomepageFooter';
 
 import RevisionRenderer from './RevisionRenderer';
+import { SlideRenderer } from './SlideRenderer';
 
 import styles from './PageView.module.scss';
 
@@ -40,7 +41,6 @@ const Comments = dynamic<CommentsProps>(() => import('../Comments').then(mod =>
 const UsersHomepageFooter = dynamic<UsersHomepageFooterProps>(() => import('../UsersHomepageFooter')
   .then(mod => mod.UsersHomepageFooter), { ssr: false });
 const IdenticalPathPage = dynamic(() => import('../IdenticalPathPage').then(mod => mod.IdenticalPathPage), { ssr: false });
-const SlideRenderer = dynamic(() => import('./SlideRenderer').then(mod => mod.SlideRenderer), { ssr: false });
 
 
 type Props = {

apps/app/src/components/Page/SlideRenderer.tsx

@@ -1,3 +1,4 @@
+import { isServer } from '@growi/core/dist/utils';
 import { parseSlideFrontmatterInMarkdown } from '@growi/presentation';
 
 import { useIsEnabledMarp } from '~/stores/context';
@@ -12,9 +13,12 @@ type SlideRendererProps = {
 export const SlideRenderer = (props: SlideRendererProps): JSX.Element => {
 
   const { markdown, children } = props;
-
   const { data: enabledMarp } = useIsEnabledMarp();
 
+  if (isServer()) {
+    return children;
+  }
+
   const [marp, useSlide] = parseSlideFrontmatterInMarkdown(markdown);
   const useMarp = (enabledMarp ?? false) && marp;
 

apps/app/src/components/ShareLinkPageView.tsx

@@ -15,6 +15,7 @@ import { PagePathNavSticky } from './Common/PagePathNav';
 import { PageViewLayout } from './Common/PageViewLayout';
 import RevisionRenderer from './Page/RevisionRenderer';
 import ShareLinkAlert from './Page/ShareLinkAlert';
+import { SlideRenderer } from './Page/SlideRenderer';
 import type { PageSideContentsProps } from './PageSideContents';
 
 
@@ -23,7 +24,6 @@ const logger = loggerFactory('growi:Page');
 
 const PageSideContents = dynamic<PageSideContentsProps>(() => import('./PageSideContents').then(mod => mod.PageSideContents), { ssr: false });
 const ForbiddenPage = dynamic(() => import('./ForbiddenPage'), { ssr: false });
-const SlideRenderer = dynamic(() => import('./Page/SlideRenderer').then(mod => mod.SlideRenderer), { ssr: false });
 
 type Props = {
   pagePath: string,