Upgrade to react-router v7 (#94)

Author: Tristan-WorkGH

package-lock.json

@@ -16,7 +16,7 @@
     "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.0",
-        "@gridsuite/commons-ui": "0.89.2",
+        "@gridsuite/commons-ui": "0.92.1",
         "@hookform/resolvers": "^4.0.0",
         "@mui/icons-material": "^5.16.14",
         "@mui/lab": "5.0.0-alpha.175",
@@ -33,7 +33,7 @@
         "react-hook-form": "^7.54.2",
         "react-intl": "^7.1.6",
         "react-redux": "^9.2.0",
-        "react-router-dom": "^6.29.0",
+        "react-router": "^7.4.1",
         "redux": "^5.0.1",
         "typeface-roboto": "^1.1.13",
         "yup": "^1.6.1"

package.json

@@ -19,7 +19,7 @@ import { Groups, ManageAccounts, PeopleAlt } from '@mui/icons-material';
 import { fetchAppsMetadata, logout, Metadata, TopBar } from '@gridsuite/commons-ui';
 import { useParameterState } from '../parameters';
 import { APP_NAME, PARAM_LANGUAGE, PARAM_THEME } from '../../utils/config-params';
-import { NavLink, type To, useMatches, useNavigate } from 'react-router-dom';
+import { NavLink, type To, useMatches, useNavigate } from 'react-router';
 import { useDispatch, useSelector } from 'react-redux';
 import { FormattedMessage } from 'react-intl';
 import { AppsMetadataSrv, StudySrv } from '../../services';

src/components/App/app-top-bar.tsx

@@ -11,7 +11,7 @@ import { createRoot } from 'react-dom/client';
 import { act } from 'react-dom/test-utils';
 import { IntlProvider } from 'react-intl';
 import { Provider } from 'react-redux';
-import { createMemoryRouter, Outlet, RouterProvider } from 'react-router-dom';
+import { createMemoryRouter, Outlet, RouterProvider } from 'react-router';
 import App from './app';
 import { store } from '../../redux/store';
 import { createTheme, StyledEngineProvider, ThemeProvider } from '@mui/material/styles';

src/components/App/app.test.tsx

@@ -6,7 +6,7 @@
  */
 
 import { Grid, Typography } from '@mui/material';
-import { isRouteErrorResponse, useRouteError } from 'react-router-dom';
+import { isRouteErrorResponse, useRouteError } from 'react-router';
 import { ReactElement, useEffect } from 'react';
 
 export default function ErrorPage(): ReactElement {

src/routes/ErrorPage.tsx

@@ -15,7 +15,7 @@ import {
     useLocation,
     useMatch,
     useNavigate,
-} from 'react-router-dom';
+} from 'react-router';
 import { useDispatch, useSelector } from 'react-redux';
 import { AppState } from '../redux/reducer';
 import { AppsMetadataSrv, UserAdminSrv } from '../services';

src/routes/router.tsx

@@ -5,7 +5,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-import { Navigate, RouteObject } from 'react-router-dom';
+import { Navigate, RouteObject } from 'react-router';
 import { Profiles, Users, Groups } from '../pages';
 import ErrorPage from './ErrorPage';
 import HomePage from './HomePage';