@frontegg/react-hooks 5.18.2 → 5.20.1

package/index.js

@@ -27,7 +27,15 @@ const setLoading = (loading) => {
 const HideChildrenIfFronteggRoutes = ({ children, basename }) => {
     const routes = useAuthRoutes();
     const uriRef = useRef(window.location.pathname);
+    const animationFrameRef = useRef(0);
     const [uri, setUri] = useState(window.location.pathname);
+    const checker = () => {
+        if (uriRef.current !== window.location.pathname) {
+            uriRef.current = window.location.pathname;
+            setUri(document.location.pathname);
+        }
+        animationFrameRef.current = window.requestAnimationFrame(checker);
+    };
     useEffect(() => {
         document.addEventListener('frontegg_onRedirectTo_fired', () => {
             if (uriRef.current !== window.location.pathname) {
@@ -41,12 +49,10 @@ const HideChildrenIfFronteggRoutes = ({ children, basename }) => {
                 setUri(document.location.pathname);
             }
         });
-        setInterval(() => {
-            if (uriRef.current !== window.location.pathname) {
-                uriRef.current = window.location.pathname;
-                setUri(document.location.pathname);
-            }
-        }, 50);
+        animationFrameRef.current = window.requestAnimationFrame(checker);
+        return () => {
+            window.cancelAnimationFrame(animationFrameRef.current);
+        };
     }, [setUri]);
     const calculatedBasename = basename ? (basename.endsWith('/') ? basename.substring(0, basename.length - 1) : '') : '';
     const checkRoutes = __rest(routes, ["authenticatedUrl", "signUpSuccessUrl"]);

package/node/index.js

@@ -32,7 +32,15 @@ const setLoading = (loading) => {
 const HideChildrenIfFronteggRoutes = ({ children, basename }) => {
     const routes = roles.useAuthRoutes();
     const uriRef = React.useRef(window.location.pathname);
+    const animationFrameRef = React.useRef(0);
     const [uri, setUri] = React.useState(window.location.pathname);
+    const checker = () => {
+        if (uriRef.current !== window.location.pathname) {
+            uriRef.current = window.location.pathname;
+            setUri(document.location.pathname);
+        }
+        animationFrameRef.current = window.requestAnimationFrame(checker);
+    };
     React.useEffect(() => {
         document.addEventListener('frontegg_onRedirectTo_fired', () => {
             if (uriRef.current !== window.location.pathname) {
@@ -46,12 +54,10 @@ const HideChildrenIfFronteggRoutes = ({ children, basename }) => {
                 setUri(document.location.pathname);
             }
         });
-        setInterval(() => {
-            if (uriRef.current !== window.location.pathname) {
-                uriRef.current = window.location.pathname;
-                setUri(document.location.pathname);
-            }
-        }, 50);
+        animationFrameRef.current = window.requestAnimationFrame(checker);
+        return () => {
+            window.cancelAnimationFrame(animationFrameRef.current);
+        };
     }, [setUri]);
     const calculatedBasename = basename ? (basename.endsWith('/') ? basename.substring(0, basename.length - 1) : '') : '';
     const checkRoutes = tslib.__rest(routes, ["authenticatedUrl", "signUpSuccessUrl"]);

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@frontegg/react-hooks",
   "libName": "FronteggReactHooks",
-  "version": "5.18.2",
+  "version": "5.20.1",
   "author": "Frontegg LTD",
   "main": "./node/index.js",
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@frontegg/redux-store": "5.18.2",
+    "@frontegg/redux-store": "5.20.1",
     "react-redux": "^7.x"
   }
 }