chore: fixing next.js rendering

jonaslagoni · May 20, 2022 · ac5e3ea · ac5e3ea
1 parent 60ce720
commit ac5e3ea
Show file tree

Hide file tree

Showing 11 changed files with 10,013 additions and 737 deletions.
diff --git a/examples/nextjs/package-lock.json b/examples/nextjs/package-lock.json
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
@@ -3,12 +3,13 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "postinstall": "npm link ../../library/node_modules/react-dom ../../library/node_modules/react ../../library/"
   },
   "dependencies": {
-    "@lagoni/edavisualiser": "0.0.0",
-    "next": "latest",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "@lagoni/edavisualiser": "0.13.2",
+    "next": "10",
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
   }
 }
diff --git a/examples/nextjs/pages/_app.js b/examples/nextjs/pages/_app.js
@@ -0,0 +1,6 @@
+// pages/_app.js
+import "@lagoni/edavisualiser/styles/default.min.css";
+
+export default function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}
diff --git a/examples/nextjs/pages/index.js b/examples/nextjs/pages/index.js
@@ -1,7 +1,13 @@
 import Head from 'next/head';
-import { ApplicationView, Application } from '@lagoni/edavisualiser';
+// Import component using `dynamic` helper
+import dynamic from 'next/dynamic';
 
+// Import component without SSR/SSG
+const ApplicationView = dynamic(() => import('@lagoni/edavisualiser/browser/ApplicationView'), { ssr: false });
+const Application = dynamic(() => import('@lagoni/edavisualiser/browser/Application'), { ssr: false });
+
 export default function Home() {
+  if (typeof navigator === 'undefined') return null;
   return (
     <div className="container">
       <Head>