partially fixing module federation

next.config.js

@@ -18,11 +18,6 @@ module.exports = {
  remotes: {
  visualizers: 'visualizers@http://localhost:3001/_next/static/chunks/remoteEntry.js',
  },
- shared: [
- '@react-three/fiber',
- '@react-three/drei',
- 'three',
- ]
  }),
  );
  }

package.json

@@ -14,12 +14,12 @@
  "author": "",
  "license": "MIT",
  "dependencies": {
- "@module-federation/nextjs-mf": "^6.6.3",
- "@prisma/client": "^4.16.1",
+ "@module-federation/nextjs-mf": "^6.7.0",
+ "@prisma/client": "^4.16.2",
  "@radix-ui/colors": "^1.0.0",
  "@radix-ui/react-icons": "^1.3.0",
  "@react-spring/web": "^9.7.3",
- "@react-three/drei": "^9.77.7",
+ "@react-three/drei": "^9.77.8",
  "@react-three/fiber": "^8.13.4",
  "@tailwindcss/container-queries": "^0.1.1",
  "@vercel/analytics": "^1.0.1",
@@ -34,6 +34,7 @@
  "styled-components": "^6.0.1",
  "swr": "^2.2.0",
  "three": "^0.154.0",
+ "tunnel-rat": "^0.1.2",
  "ws": "^8.13.0",
  "y-indexeddb": "^9.0.11",
  "y-webrtc": "^10.2.5",
@@ -50,7 +51,7 @@
  "eslint": "8.43.0",
  "eslint-config-next": "13.4.7",
  "postcss": "^8.4.24",
- "prisma": "^4.16.1",
+ "prisma": "^4.16.2",
  "tailwindcss": "^3.3.2",
  "typescript": "5.1.6"
  }

pages/index.tsx

@@ -1,23 +1,11 @@
-import { useTrail, animated, config } from '@react-spring/web';
+import { useTrail, animated } from '@react-spring/web';
+import { Canvas } from "@react-three/fiber";
 import React from "react"
 import { GetStaticProps } from "next"
-import { Canvas } from "@react-three/fiber";
 import WireframePlanet from "../components/hero-scenes/WireframePlanet";
 
-// const Visual = dynamic(
-// () => {
-// // @ts-ignore
-// const mod = import('visualizers/VisualizerOne');
-// return mod;
-// },
-// { ssr: false },
-// );
-
 const ANIMATED_TEXT = [
- "I'll miss the sea, but a person needs new experiences.",
- "They jar something deep inside, allowing him to grow",
- "Without change something sleeps inside us, and seldom awakens.",
- "The sleeper must awaken."
+ "I am Setsun",
 ];
 
 export const getStaticProps: GetStaticProps = async () => {
@@ -56,7 +44,7 @@ const Index: React.FC<Props> = (props) => {
  <WireframePlanet />
  </Canvas>
  </div>
- )
+ );
 }
 
 export default Index;

pages/visualizers/index.tsx

@@ -1,9 +1,17 @@
+import dynamic from 'next/dynamic';
+
 interface Props { }
 
+const VisualizerOne = dynamic(
+ // @ts-ignore
+ () => import('visualizers/VisualizerOne'),
+ { ssr: false },
+);
+
 const Visualizers: React.FC<Props> = (props) => {
  return (
  <div className="h-screen text-3xl flex justify-center items-center">
- 🚧 🚧 🚧
+ <VisualizerOne />
  </div>
  );
 }