[React] react-router v7

generators/react/resources/package.json

@@ -16,7 +16,7 @@
     "react-loadable": "5.5.0",
     "react-redux": "9.1.2",
     "react-redux-loading-bar": "5.0.8",
-    "react-router-dom": "6.28.0",
+    "react-router-dom": "7.0.1",
     "react-toastify": "10.0.6",
     "react-transition-group": "4.4.5",
     "reactstrap": "9.2.3",
@@ -60,6 +60,7 @@
     "identity-obj-proxy": "3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
+    "jest-fixed-jsdom": "0.0.9",
     "jest-junit": "16.0.0",
     "jest-sonar": "0.2.16",
     "json-loader": "0.5.7",

generators/react/templates/jest.conf.js.ejs

@@ -1,7 +1,7 @@
 const tsconfig = require('./tsconfig.test.json');
 
 module.exports = {
-  testEnvironment: 'jsdom',
+  testEnvironment: 'jest-fixed-jsdom',
   transform: {
     '^.+\\.tsx?$': [
       'ts-jest',

generators/react/templates/package.json.ejs

@@ -86,6 +86,7 @@
     "identity-obj-proxy": "<%= nodeDependencies['identity-obj-proxy'] %>",
     "jest": "<%= nodeDependencies['jest'] %>",
     "jest-environment-jsdom": "<%= nodeDependencies['jest-environment-jsdom'] %>",
+    "jest-fixed-jsdom": "<%= nodeDependencies['jest-fixed-jsdom'] %>",
     "jest-junit": "<%= nodeDependencies['jest-junit'] %>",
     "jest-sonar": "<%= nodeDependencies['jest-sonar'] %>",
     "json-loader": "<%= nodeDependencies['json-loader'] %>",

generators/react/templates/src/main/webapp/app/entities/_entityFolder_/index.tsx.ejs

@@ -17,7 +17,7 @@
  limitations under the License.
 -%>
 import React from 'react';
-import { Route } from 'react-router-dom';
+import { Route } from 'react-router';
 
 import ErrorBoundaryRoutes from 'app/shared/error/error-boundary-routes';
 

generators/react/templates/src/main/webapp/app/entities/routes.tsx.ejs

@@ -17,7 +17,7 @@
  limitations under the License.
 -%>
 import React from 'react';
-import { Route } from 'react-router-dom';
+import { Route } from 'react-router';
 
 import ErrorBoundaryRoutes from 'app/shared/error/error-boundary-routes';
 

generators/react/templates/src/main/webapp/app/modules/account/index.tsx.ejs

@@ -17,7 +17,7 @@
  limitations under the License.
 -%>
 import React from 'react';
-import { Route } from 'react-router-dom';
+import { Route } from 'react-router';
 
 import ErrorBoundaryRoutes from 'app/shared/error/error-boundary-routes';
 

generators/react/templates/src/main/webapp/app/modules/administration/index.tsx.ejs

@@ -18,7 +18,7 @@
 -%>
 import React from 'react';
 
-import { Route } from 'react-router-dom';
+import { Route } from 'react-router';
 import ErrorBoundaryRoutes from 'app/shared/error/error-boundary-routes';
 <%_ if (generateUserManagement) { _%>
 import UserManagement from './user-management';

generators/react/templates/src/main/webapp/app/modules/administration/user-management/index.tsx.ejs

@@ -17,7 +17,7 @@
  limitations under the License.
 -%>
 import React from 'react';
-import { Route } from 'react-router-dom';
+import { Route } from 'react-router';
 
 import ErrorBoundaryRoutes from 'app/shared/error/error-boundary-routes';
 import UserManagement from './user-management';

generators/react/templates/src/main/webapp/app/routes.tsx.ejs

@@ -17,7 +17,10 @@
  limitations under the License.
 -%>
 import React<% if (applicationTypeGateway && microfrontend) { %>, { Suspense }<% } %> from 'react';
-import { Route <% if (communicationSpringWebsocket) { %>, useLocation <% } %>} from 'react-router-dom';
+import { Route } from 'react-router';
+<% if (communicationSpringWebsocket) { %>
+import { useLocation } from 'react-router-dom';
+<% } %>
 import Loadable from 'react-loadable';
 <%_ if (applicationTypeGateway && microfrontend) { _%>
 import { importRemote } from '@module-federation/utilities';

generators/react/templates/src/main/webapp/app/shared/auth/private-route.spec.tsx.ejs

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MemoryRouter, Route, Routes } from 'react-router-dom';
+import { MemoryRouter, Route, Routes } from 'react-router';
 import { render } from '@testing-library/react';
 <%_ if (enableTranslation) { _%>
 import { TranslatorContext } from 'react-jhipster';

generators/react/templates/src/main/webapp/app/shared/error/error-boundary-routes.spec.tsx.ejs

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MemoryRouter, Route } from 'react-router-dom';
+import { MemoryRouter, Route } from 'react-router';
 import { render } from '@testing-library/react';
 
 import ErrorBoundaryRoutes from './error-boundary-routes';

generators/react/templates/src/main/webapp/app/shared/error/error-boundary-routes.tsx.ejs

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Outlet, Route, Routes, RoutesProps } from 'react-router-dom';
+import { Routes, Route } from 'react-router';
+import { Outlet, RoutesProps } from 'react-router-dom';
 import ErrorBoundary from 'app/shared/error/error-boundary';
 
 const ErrorBoundaryRoutes = ({ children }: RoutesProps) => {

generators/react/templates/src/main/webapp/app/shared/layout/header/header.spec.tsx.ejs

@@ -19,7 +19,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { Provider } from 'react-redux';
-import { MemoryRouter } from 'react-router-dom';
+import { MemoryRouter } from 'react-router';
 
 import initStore from 'app/config/store';
 import Header from './header';

generators/react/templates/src/main/webapp/app/shared/layout/menus/account.spec.tsx.ejs

@@ -18,7 +18,7 @@
 -%>
 import React from 'react';
 import { render } from '@testing-library/react';
-import { MemoryRouter } from 'react-router-dom';
+import { MemoryRouter } from 'react-router';
 
 
 <%_ if (authenticationTypeOauth2) { _%>