update

app/tests/useNoise/Playground.tsx

@@ -27,7 +27,7 @@ export const Playground = () => {
 
    const fluid = useFluid({
       size,
-      dpr: 0.25,
+      dpr: 0.24,
    });
 
    const { updateBasicFxGUI, setBasicFxGUIValues } = useBasicFxGUI(

utils/useGUI.ts

@@ -1,11 +1,14 @@
 import { useCallback, useEffect, RefObject, useRef } from "react";
 import GUI from "lil-gui";
 
-export const useGUI = (setupGUI: (gui: GUI) => void, title?: string, container?: RefObject<HTMLDivElement>) => {   
+export const useGUI = (
+   setupGUI: (gui: GUI) => void,
+   title?: string,
+   container?: RefObject<HTMLDivElement>
+) => {
    const guiRef = useRef<GUI | null>(null);
 
-   useEffect(() => {      
-
+   useEffect(() => {
       if (!guiRef.current) {
          const newGui = new GUI({
             closeFolders: true,
@@ -17,21 +20,20 @@ export const useGUI = (setupGUI: (gui: GUI) => void, title?: string, container?:
          guiRef.current = newGui;
          setupGUI(newGui);
       }
-            
+
       return () => {
          if (guiRef.current) {
             guiRef.current.destroy();
             guiRef.current = null;
          }
       };
-
    }, [setupGUI, title, container]);
 
-   const updateDisplays = useCallback(() => {      
+   const updateDisplays = useCallback(() => {
       guiRef.current?.folders.forEach((folder) =>
          folder.controllers.forEach((controller) => controller.updateDisplay())
-      );      
+      );
    }, []);
-   
+
    return updateDisplays;
-};
+};