resolve progress bar when page is served from bfcache

TheSGJ · Feb 11, 2024 · 44f7cea · 44f7cea
1 parent f2a4e3d
commit 44f7cea
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -220,13 +220,21 @@ const NextTopLoader = ({
         NProgress.done();
       }
     }
+    function handlePageHide() {
+      NProgress.done();
+      [].forEach.call(npgclass, function (el: Element) {
+        el.classList.remove('nprogress-busy');
+      });
+    }
 
     // Add the global click event listener
     document.addEventListener('click', handleClick);
+    window.addEventListener('pagehide', handlePageHide);
 
     // Clean up the global click event listener when the component is unmounted
     return () => {
       document.removeEventListener('click', handleClick);
+      window.removeEventListener('pagehide', handlePageHide);
     };
   }, []);