fix loading

next.config.js

@@ -16,7 +16,7 @@ const nextConfig = {
   pwa: {
     dest: "public",
     register: true,
-    skipWaiting: true,
+    scope: '/editor'
   },
 };
 

src/containers/Editor/index.tsx

@@ -1,17 +1,12 @@
 import React from "react";
-import dynamic from "next/dynamic";
 import { Sidebar } from "src/components/Sidebar";
 import { LiveEditor } from "src/containers/LiveEditor";
-import { Loading } from "src/components/Loading";
+import { JsonEditor } from "src/containers/JsonEditor";
 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,4 +104,6 @@ const JsonEditor: React.FC = () => {
   );
 };
 
-export default React.memo(JsonEditor);
+const memoizedJsonEditor = React.memo(JsonEditor)
+
+export { memoizedJsonEditor as JsonEditor } ;