Update useVisible.js

primefaces · Jan 9, 2024 · 99f556b · 99f556b
1 parent 98c5b0d
commit 99f556b
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/components/templates/templatefeaturesanimation/useVisible.js b/components/templates/templatefeaturesanimation/useVisible.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 const useVisible = (element, rootMargin = 0.2) => {
     const [isVisible, setIsVisible] = useState(false);
@@ -8,7 +8,7 @@ const useVisible = (element, rootMargin = 0.2) => {
             ([entry]) => {
                 setIsVisible(entry.isIntersecting);
             },
-            { threshold: rootMargin },
+            { threshold: rootMargin }
         );
 
         if (element.current) {
@@ -17,13 +17,13 @@ const useVisible = (element, rootMargin = 0.2) => {
 
         return () => {
             if (observer && element.current) {
-                observer.unobserve(element.current)
+                // eslint-disable-next-line react-hooks/exhaustive-deps
+                observer.unobserve(element.current);
             }
-        }
-
-    }, []);
+        };
+    }, [element, rootMargin]);
 
     return isVisible;
 };
 
-export default useVisible;
+export default useVisible;