remove ssr

next.config.js

@@ -1,19 +1,14 @@
-const withTM = require("next-transpile-modules")(["reaflow"]);
-
-const nextConfig = withTM({
+/**
+ * @type {import('next').NextConfig}
+ */
+module.exports = {
   reactStrictMode: true,
+  swcMinify: true,
   exportPathMap: () => ({
     "/": { page: "/" },
     "/editor": { page: "/editor" },
   }),
-  experimental: {
-    esmExternals: "loose",
-    outputStandalone: true,
-  },
   compiler: {
     styledComponents: true,
-    swcMinify: true,
   },
-});
-
-module.exports = nextConfig;
+};

src/containers/Editor/index.tsx

@@ -7,21 +7,16 @@ import { Incompatible } from "src/containers/Incompatible";
 import * as Styles from "src/containers/Editor/styles";
 import { useConfig } from "src/hocs/config";
 import { Allotment } from "allotment";
-import { useLoading } from "src/hooks/useLoading";
 
 const JsonEditor = dynamic(() => import("src/containers/JsonEditor"), {
-  ssr: false,
   loading: () => <Loading message="Loading Editor..." />,
 });
 
-export const Editor: React.FC = () => {
-  const loading = useLoading();
+const Editor: React.FC = () => {
   const {
     states: { settings },
   } = useConfig();
 
-  if (loading) return null;
-
   return (
     <Styles.StyledPageWrapper>
       <Sidebar />
@@ -44,3 +39,5 @@ export const Editor: React.FC = () => {
     </Styles.StyledPageWrapper>
   );
 };
+
+export default Editor;

src/containers/LiveEditor/index.tsx

@@ -5,13 +5,13 @@ import {
   TransformComponent,
   ReactZoomPanPinchRef,
 } from "react-zoom-pan-pinch";
-import { Canvas, CanvasPosition, CanvasRef } from "reaflow";
 
 import { getEdgeNodes } from "./helpers";
 import { CustomNode } from "../../components/CustomNode";
 import { useConfig } from "src/hocs/config";
 import { Tools } from "../Editor/Tools";
 import { ConfigActionType } from "src/reducer/reducer";
+import { Canvas } from "reaflow";
 
 const StyledLiveEditor = styled.div`
   position: relative;

src/pages/editor/index.tsx

@@ -1,7 +1,9 @@
 import React from "react";
 import Head from "next/head";
-import { Editor } from "src/containers/Editor";
 import styled from "styled-components";
+import dynamic from "next/dynamic";
+
+const Editor = dynamic(() => import("src/containers/Editor"), { ssr: false });
 
 const StyledEditorWrapper = styled.div`
   *::-webkit-scrollbar {