Merge pull request #45 from phh235/fix/preact-effect-dependencies

Fix/preact effect dependencies

Author: DavidHDev

src/lib/Asciify/Asciify.preact.tsx

@@ -19,7 +19,7 @@ function useSyncExternalStore<T>(
   useEffect(() => {
     const unsubscribe = subscribe(() => setValue(getSnapshot()));
     return unsubscribe;
-  }, []);
+  }, [subscribe, getSnapshot]);
   return value;
 }
 

src/lib/Bend/Bend.preact.tsx

@@ -18,7 +18,7 @@ function useSyncExternalStore<T>(
   useEffect(() => {
     const unsubscribe = subscribe(() => setValue(getSnapshot()));
     return unsubscribe;
-  }, []);
+  }, [subscribe, getSnapshot]);
   return value;
 }
 

src/lib/Blaze/Blaze.preact.tsx

@@ -18,7 +18,7 @@ function useSyncExternalStore<T>(
   useEffect(() => {
     const unsubscribe = subscribe(() => setValue(getSnapshot()));
     return unsubscribe;
-  }, []);
+  }, [subscribe, getSnapshot]);
   return value;
 }
 

src/lib/Bubble/Bubble.preact.tsx

@@ -18,7 +18,7 @@ function useSyncExternalStore<T>(
   useEffect(() => {
     const unsubscribe = subscribe(() => setValue(getSnapshot()));
     return unsubscribe;
-  }, []);
+  }, [subscribe, getSnapshot]);
   return value;
 }
 

src/lib/Canvas/Canvas.preact.tsx

@@ -18,7 +18,7 @@ function useSyncExternalStore<T>(
   useEffect(() => {
     const unsubscribe = subscribe(() => setValue(getSnapshot()));
     return unsubscribe;
-  }, []);
+  }, [subscribe, getSnapshot]);
   return value;
 }
 

src/lib/Cloth/Cloth.preact.tsx

@@ -24,7 +24,7 @@ function useSyncExternalStore<T>(
   useEffect(() => {
     const unsubscribe = subscribe(() => setValue(getSnapshot()));
     return unsubscribe;
-  }, []);
+  }, [subscribe, getSnapshot]);
   return value;
 }
 

src/lib/Clouds/Clouds.preact.tsx

@@ -18,7 +18,7 @@ function useSyncExternalStore<T>(
   useEffect(() => {
     const unsubscribe = subscribe(() => setValue(getSnapshot()));
     return unsubscribe;
-  }, []);
+  }, [subscribe, getSnapshot]);
   return value;
 }
 

src/lib/DecryptReveal/DecryptReveal.preact.tsx

@@ -18,7 +18,7 @@ function useSyncExternalStore<T>(
   useEffect(() => {
     const unsubscribe = subscribe(() => setValue(getSnapshot()));
     return unsubscribe;
-  }, []);
+  }, [subscribe, getSnapshot]);
   return value;
 }
 

src/lib/Displacement/Displacement.preact.tsx

@@ -18,7 +18,7 @@ function useSyncExternalStore<T>(
   useEffect(() => {
     const unsubscribe = subscribe(() => setValue(getSnapshot()));
     return unsubscribe;
-  }, []);
+  }, [subscribe, getSnapshot]);
   return value;
 }
 

src/lib/Droplets/Droplets.preact.tsx

@@ -24,7 +24,7 @@ function useSyncExternalStore<T>(
   useEffect(() => {
     const unsubscribe = subscribe(() => setValue(getSnapshot()));
     return unsubscribe;
-  }, []);
+  }, [subscribe, getSnapshot]);
   return value;
 }