added dynamic routes

src/components/bars/SubmitBar/index.tsx

@@ -8,12 +8,11 @@ import { useShowModal } from '~/hooks/modal/useShowModal';
 
 import styles from './styles.module.scss';
 
-
-interface Props {
+export interface SubmitBarProps {
   isLab?: boolean;
 }
 
-const SubmitBar: FC<Props> = ({ isLab }) => {
+const SubmitBar: FC<SubmitBarProps> = ({ isLab }) => {
   const showModal = useShowModal(Dialog.CreateNode);
   const [focused, setFocused] = useState(false);
 

src/components/bars/SubmitBar/ssr.ts

@@ -0,0 +1,7 @@
+import dynamic from 'next/dynamic';
+
+import type { SubmitBarProps } from './index';
+
+export const SubmitBarSSR = dynamic<SubmitBarProps>(
+  () => import('./index').then(it => it.SubmitBar),
+  { ssr: false });

src/components/node/NodeCommentForm/index.tsx

@@ -5,7 +5,7 @@ import { CommentWrapper } from '~/components/containers/CommentWrapper';
 import { IComment } from '~/types';
 import { IUser } from '~/types/auth';
 
-interface NodeCommentFormProps {
+export interface NodeCommentFormProps {
   user: IUser;
   nodeId?: number;
   saveComment: (comment: IComment) => Promise<unknown>;

src/components/node/NodeCommentForm/ssr.ts

@@ -0,0 +1,8 @@
+import dynamic from 'next/dynamic';
+
+import type { NodeCommentFormProps } from './index';
+
+export const NodeCommentFormSSR = dynamic<NodeCommentFormProps>(
+  () => import('./index').then(it => it.NodeCommentForm),
+  { ssr: false }
+);