fix ssr

next.config.js

@@ -13,6 +13,10 @@ const nextConfig = {
   compiler: {
     styledComponents: true,
   },
+  experimental: {
+    esmExternals: "loose",
+    outputStandalone: true,
+  },
   pwa: {
     disable: true,
     dest: "public",

src/containers/Editor/index.tsx

@@ -1,12 +1,17 @@
 import React from "react";
+import dynamic from "next/dynamic";
 import { Sidebar } from "src/components/Sidebar";
 import { LiveEditor } from "src/containers/LiveEditor";
-import { JsonEditor } from "src/containers/JsonEditor";
+import { Loading } from "src/components/Loading";
 import { Incompatible } from "src/containers/Incompatible";
 import * as Styles from "src/containers/Editor/styles";
 import { useConfig } from "src/hocs/config";
 import { Allotment } from "allotment";
 
+const JsonEditor = dynamic(() => import("src/containers/JsonEditor"), {
+  loading: () => <Loading message="Loading Editor..." />,
+});
+
 const Editor: React.FC = () => {
   const {
     states: { settings },

src/containers/JsonEditor/index.tsx

@@ -104,6 +104,4 @@ const JsonEditor: React.FC = () => {
   );
 };
 
-const memoizedJsonEditor = React.memo(JsonEditor)
-
-export { memoizedJsonEditor as JsonEditor } ;
+export default React.memo(JsonEditor);