Fix useVisible (#5715)

primefaces · Jan 9, 2024 · b78d4db · b78d4db
1 parent 4108881
commit b78d4db
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);
             }
-        }
-
-    }, []);
+        };
+    });
 
     return isVisible;
 };
 
-export default useVisible;
+export default useVisible;