fix(nprogress): useNavigation instead of useTransition

Co-authored-by: Mehdi Achour <[email protected]>

Author: veritem

nprogress/app/root.tsx

@@ -6,7 +6,7 @@ import {
   Outlet,
   Scripts,
   ScrollRestoration,
-  useTransition,
+  useNavigation,
 } from "@remix-run/react";
 import NProgress from "nprogress";
 import nProgressStyles from "nprogress/nprogress.css";
@@ -24,7 +24,7 @@ export const meta: MetaFunction = () => ({
 });
 
 export default function App() {
-  const transition = useTransition();
+  const transition = useNavigation();
   useEffect(() => {
     // when the state is idle then we can to complete the progress bar
     if (transition.state === "idle") NProgress.done();

nprogress/package.json

@@ -20,10 +20,10 @@
     "@remix-run/dev": "^1.19.3",
     "@remix-run/eslint-config": "^1.19.3",
     "@types/nprogress": "^0.2.0",
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.0.8",
-    "eslint": "^8.27.0",
-    "typescript": "^4.8.4"
+    "@types/react": "^18.0.34",
+    "@types/react-dom": "^18.0.11",
+    "eslint": "^8.38.0",
+    "typescript": "^5.0.4"
   },
   "engines": {
     "node": ">=14.0.0"