dynamic

src/components/CrtSwitch.tsx

@@ -2,6 +2,8 @@ import React, { useState } from 'react';
 import styles from '../css/switch.module.css';
 import { vt323 } from '../fonts/fonts';
 import { useLanguageContext } from '../app/context/language';
+import dynamic from "next/dynamic";
+
 
 interface CrtProps {
   changeState: (newValue: boolean) => void;
@@ -46,4 +48,6 @@ const CrtSwtich: React.FC<CrtProps> = ({ changeState }) => {
   );
 };
 
-export default CrtSwtich;
+export default dynamic (() => Promise.resolve(CrtSwtich), {ssr: false})
+
+/* export default CrtSwtich; */

src/components/Dots.tsx

@@ -96,7 +96,11 @@ const Dots = () => {
       }
     }
 
-    new p5(sketch, sketchRef.current as HTMLElement);
+
+    if (typeof window !== 'undefined') {
+      const p5 = require('p5');
+      new p5(sketch, sketchRef.current);
+    }
   }, []);
 
   return <div className={styles.background} ref={sketchRef} />;

src/components/LanguageSwitch.tsx

@@ -1,6 +1,7 @@
 import styles from '../css/switch.module.css'
 import { vt323 } from '../fonts/fonts';
 import { useLanguageContext } from '../app/context/language';
+import dynamic from "next/dynamic";
 
 const LanguageSwitch = () => {
     const {language, setLanguage} = useLanguageContext();
@@ -56,4 +57,6 @@ const LanguageSwitch = () => {
     )
 };
 
-export default LanguageSwitch;
+export default dynamic (() => Promise.resolve(LanguageSwitch), {ssr: false})
+
+/* export default LanguageSwitch; */

src/components/Terminal.tsx

@@ -3,6 +3,7 @@ import { useState, useRef, useEffect } from 'react';
 import { useLanguageContext } from '../app/context/language';
 import styles from '../css/terminal.module.css'
 import { vt323 } from '../fonts/fonts'
+/* import dynamic from "next/dynamic"; */
 
 const Terminal = () => {
 
@@ -331,4 +332,6 @@ const Terminal = () => {
     )
 };
 
+/* export default dynamic (() => Promise.resolve(Terminal), {ssr: false}) */
+
 export default Terminal