Merge pull request #347 from shivarm/upgrade-react-router

chore: use latest react-router

Author: dimsparagis0210

package-lock.json

@@ -23,7 +23,7 @@
     "react-icons": "^5.3.0",
     "react-img-mapper": "^1.5.1",
     "react-markdown": "^9.0.1",
-    "react-router-dom": "^7.0.1",
+    "react-router": "^7.5.3",
     "react-social-icons": "^6.18.0",
     "swiper": "^11.1.15",
     "web-vitals": "^4.2.4"

package.json

@@ -35,7 +35,7 @@
     -Fakidis
 
 */
-import { Routes, Route } from "react-router-dom";
+import { Routes, Route } from "react-router";
 import HomePage from "./pages/HomePage";
 import Header from "./components/Header";
 import { useEffect } from "react";

src/App.jsx

@@ -37,7 +37,7 @@
 */
 
 import { useEffect, useState } from "react";
-import { Outlet, useNavigate, useLocation } from "react-router-dom";
+import { Outlet, useNavigate, useLocation } from "react-router";
 import myUOMLogo from "../assets/myUOMLogo.png";
 import { Flex, Box, Heading, Image, useColorModeValue } from "@chakra-ui/react";
 import SettingsButton from "./settings/SettingsButton";

src/components/Header.jsx

@@ -46,7 +46,7 @@ import {
 } from "@chakra-ui/react";
 import { motion } from "framer-motion";
 import { useMemo } from "react";
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 import { DiagonalRightArrowIcon, RightArrowIcon } from "../assets/icons";
 import { useDepName, useDepartments } from "../hooks";
 import i18n from "../i18n";

src/components/MenuBox.jsx

@@ -20,7 +20,7 @@ import {
     FaBook,
     FaRegComment,
 } from "react-icons/fa";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { CloseIcon } from "../../assets/icons";
 import i18n from "../../i18n";
 import LanguagePicker from "./LanguagePicker";

src/components/settings/SettingsDrawer.jsx

@@ -43,7 +43,7 @@ import "./index.css";
 import theme from "./theme/theme";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter } from "react-router";
 import { DepartmentProvider } from "./contexts/departmentContext";
 import "./i18n";
 

src/index.jsx

@@ -38,7 +38,7 @@
 
 import { Box, Heading, useToast } from "@chakra-ui/react";
 import { useEffect } from "react";
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 import { useAnnouncementLink, useDepName } from "../hooks";
 import i18n from "../i18n";
 

src/pages/AnnouncementPage.jsx

@@ -37,7 +37,7 @@
 */
 
 import { Box, Text } from "@chakra-ui/react";
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 import i18n from "../i18n";
 
 function Error404() {

src/pages/Error404.jsx

@@ -38,7 +38,7 @@
 
 import { Box, Heading, useToast } from "@chakra-ui/react";
 import { useEffect, useRef } from 'react';
-import { useNavigate } from "react-router-dom";
+import { useNavigate } from "react-router";
 import { useDepName, useGraduationLink } from '../hooks';
 import i18n from "../i18n";