V2 Release, written in NextJS

boomermath · Feb 21, 2022 · 2df6a57 · 2df6a57
1 parent e01b86c
commit 2df6a57
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/Background.js b/components/Background.js
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from "react";
+import { useLayoutEffect, useRef, useState } from "react";
 import * as THREE from "three";
 import FOG from "vanta/dist/vanta.fog.min";
 import { useDarkMode, useWindowSize } from "./Hooks";
@@ -19,7 +19,7 @@ export default function Background({ children }) {
     const vantaRef = useRef();
 
     /* eslint-disable react-hooks/exhaustive-deps */
-    useEffect(() => {
+    useLayoutEffect(() => {
         const isDark = mode === "dark";
 
         if (vantaEffect) {
@@ -53,4 +53,4 @@ export default function Background({ children }) {
             <div>{children}</div>
         </div>
     )
-}
+}