Migrate from react-router-dom to react-router

package.json

@@ -59,7 +59,7 @@
     "react-markdown": "^9.0.3",
     "react-oauth2-code-pkce": "^1.22.2",
     "react-pdf": "^9.2.1",
-    "react-router-dom": "^7.1.1",
+    "react-router": "^7.3.0",
     "react-usestateref": "^1.0.9",
     "remark-gfm": "^4.0.0",
     "sonner": "^1.7.4",

src/PrivateRoute.tsx

@@ -1,5 +1,5 @@
 import { useContext, useEffect } from "react";
-import { Outlet, useNavigate } from "react-router-dom";
+import { Outlet, useNavigate } from "react-router";
 import LoadingView from "./views/loading/Loading";
 import { AuthContext, IAuthContext } from "react-oauth2-code-pkce";
 import { useUserContext } from "@/services/UserContextService.tsx";

src/Routes.tsx

@@ -3,7 +3,7 @@ import {
   Navigate,
   Route,
   Routes as RoutesReact,
-} from "react-router-dom";
+} from "react-router";
 import LoginView from "./views/security/LoginView";
 import Knowledge from "./views/knowledge/Knowledge";
 import Chatbot from "./views/chatbot/Chatbot";

src/services/GetSessionsService.tsx

@@ -11,7 +11,7 @@ import { useCache } from "@/services/CacheService";
 import { useToast } from "@/hooks/use-toast";
 import { default as useRefState } from "react-usestateref";
 import useCurrentPage from "@/hooks/useCurrentPage";
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 
 export interface UseGetSessionsApiResponse {
   sessions: Session[];

src/tests/services/GetSessionsService.test.tsx

@@ -7,7 +7,7 @@ import GetSessionsProvider, {
 import { getSessions } from "@/api";
 import { useCache } from "@/services/CacheService";
 import { useToast } from "@/hooks/use-toast";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router";
 
 // Mock the dependencies
 vi.mock("@/api", () => ({

src/views/chatbot/Chatbot.tsx

@@ -1,7 +1,7 @@
 import useChatMessages from "@/hooks/useChatMessages";
 import Chat from "./Chat";
 import { useEffect, useState } from "react";
-import { useLocation } from "react-router-dom";
+import { useLocation } from "react-router";
 import PdfViewer from "@/components/pdf-viewer";
 import { Button } from "@/components/ui/button";
 import { X } from "lucide-react";

src/views/overlays/Overlay.tsx

@@ -2,7 +2,7 @@ import { useTranslation } from "react-i18next";
 import Header from "./Header";
 import Sidebar from "./sidebar/Sidebar";
 import { useToast } from "@/hooks/use-toast";
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 import Footer from "./Footer";
 import { useRef } from "react";
 import useElementSize from "@/hooks/useElementSize.ts";

src/views/overlays/sidebar/SidebarContent.tsx

@@ -15,7 +15,7 @@ import { SidebarSessionsGroup, SidebarSessionList } from "./SidebarSessionList";
 import { SidebarModelSelector as ChatbotSidebarHeader } from "./SidebarModelSelector";
 import { useToast } from "@/hooks/use-toast";
 import { groupSessionsByDateForNavbar } from "@/lib/groupSessionsByDateForNavbar";
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 import { useUserContext } from "@/services/UserContextService";
 import { useGetSessions } from "@/services/GetSessionsService";
 import LoadingAnimation from "@/components/loading-animation";

src/views/overlays/sidebar/SidebarMainNav.tsx

@@ -9,7 +9,7 @@ import useCurrentPage from "@/hooks/useCurrentPage";
 import { useUserContext } from "@/services/UserContextService";
 import { t } from "i18next";
 import { Bot, HardDriveUpload } from "lucide-react";
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 
 export default function SidebarMainNav() {
   const activePage = useCurrentPage();

src/views/overlays/sidebar/SidebarUser.tsx

@@ -25,7 +25,7 @@ import {
   SidebarMenuItem,
   useSidebar,
 } from "@/components/ui/sidebar";
-import { useTheme } from "../../../components/theme-provider";
+import { useTheme } from "@/components/theme-provider.tsx";
 import { useTranslation } from "react-i18next";
 import { getInitials } from "@/lib/getInitials";
 import useDeleteAllUserData from "@/hooks/api/useDeleteAllUserData";
@@ -34,7 +34,7 @@ import { useContext, useState } from "react";
 import { useToast } from "@/hooks/use-toast";
 import { useUserContext } from "@/services/UserContextService";
 import { AuthContext } from "react-oauth2-code-pkce";
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 import { LanguageLabels } from "@/locales/Languages.ts";
 
 export function SidebarUser() {

src/views/security/LoginView.tsx

@@ -3,7 +3,7 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { AuthContext, type IAuthContext } from "react-oauth2-code-pkce";
 import { useContext } from "react";
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 import { useLogo } from "@/hooks/useLogo";
 import { useUserContext } from "@/services/UserContextService.tsx";
 import Footer from "@/views/overlays/Footer.tsx";