chore: upgrades to react router v7

src/App/frontend/package.json

@@ -64,7 +64,6 @@
     "@types/node": "24.10.7",
     "@types/react": "19.2.8",
     "@types/react-dom": "19.2.3",
-    "@types/react-router-dom": "5.3.3",
     "@types/uuid": "11.0.0",
     "@typescript-eslint/eslint-plugin": "8.52.0",
     "@typescript-eslint/parser": "8.52.0",
@@ -176,7 +175,7 @@
     "react-dropzone": "14.3.8",
     "react-leaflet": "5.0.0",
     "react-number-format": "5.4.4",
-    "react-router-dom": "6.30.3",
+    "react-router": "7.13.0",
     "react-toastify": "11.0.5",
     "terraformer-wkt-parser": "1.2.1",
     "typescript": "5.9.3",

src/App/frontend/src/components/form/Form.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo } from 'react';
-import { useLocation, useNavigate, useSearchParams } from 'react-router-dom';
+import { useLocation, useNavigate, useSearchParams } from 'react-router';
 
 import { Flex } from 'src/app-components/Flex/Flex';
 import classes from 'src/components/form/Form.module.css';

src/App/frontend/src/components/form/LinkToPotentialNode.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Link } from 'react-router-dom';
-import type { LinkProps } from 'react-router-dom';
+import { Link } from 'react-router';
+import type { LinkProps } from 'react-router';
 
 import { SearchParams } from 'src/core/routing/types';
 import { useIsHidden } from 'src/utils/layout/hidden';

src/App/frontend/src/components/form/LinkToPotentialPage.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Link } from 'react-router-dom';
-import type { LinkProps } from 'react-router-dom';
+import { Link } from 'react-router';
+import type { LinkProps } from 'react-router';
 
 import { useNavigatePage } from 'src/hooks/useNavigatePage';
 import { useIsHiddenPage } from 'src/utils/layout/hidden';

src/App/frontend/src/components/wrappers/ProcessWrapper.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { useLocation, useNavigate } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router';
 import type { PropsWithChildren } from 'react';
 
 import { useQueryClient } from '@tanstack/react-query';

src/App/frontend/src/core/routing/useIsNavigating.ts

@@ -1,4 +1,4 @@
-import { useLocation, useNavigation } from 'react-router-dom';
+import { useLocation, useNavigation } from 'react-router';
 
 // TODO: make this redundant
 export function useIsNavigating() {

src/App/frontend/src/core/ui/RenderStart.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
+import { useLocation } from 'react-router';
 import type { PropsWithChildren } from 'react';
 
 import { loadingAttribute, useHasElementsByAttribute } from 'src/components/ReadyForPrint';

src/App/frontend/src/features/entrypoint/Entrypoint.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Navigate, Outlet } from 'react-router-dom';
+import { Navigate, Outlet } from 'react-router';
 
 import { Loader } from 'src/core/loading/Loader';
 import { getApplicationMetadata, useIsStateless } from 'src/features/applicationMetadata';

src/App/frontend/src/features/formData/FormData.test.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { MemoryRouter, Route, Routes, useNavigate } from 'react-router-dom';
+import { MemoryRouter, Route, Routes, useNavigate } from 'react-router';
 import type { PropsWithChildren } from 'react';
 
 import { afterAll, beforeAll, expect, jest } from '@jest/globals';
@@ -114,7 +114,7 @@ async function statelessRender(props: RenderProps) {
       ...props,
       initialRenderRef,
       router: ({ children }: PropsWithChildren) => (
-        <MemoryRouter future={{ v7_relativeSplatPath: true, v7_startTransition: true }}>
+        <MemoryRouter>
           <Routes>
             <Route
               path='/'

src/App/frontend/src/features/instance/InstanceContext.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useNavigation } from 'react-router-dom';
+import { useNavigation } from 'react-router';
 import type { PropsWithChildren } from 'react';
 
 import { queryOptions, skipToken, useQuery, useQueryClient } from '@tanstack/react-query';

src/App/frontend/src/features/instantiate/InstantiationError.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 
 import { InstantiateValidationError } from 'src/features/instantiate/containers/InstantiateValidationError';
 import { MissingRolesError } from 'src/features/instantiate/containers/MissingRolesError';

src/App/frontend/src/features/instantiate/containers/InstantiationErrorPage.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { RouteProps } from 'react-router-dom';
 
 import { Flex } from 'src/app-components/Flex/Flex';
 import { AltinnError } from 'src/components/altinnError';
@@ -10,7 +9,7 @@ export type IInstantiationErrorPageProps = {
   content: React.ReactNode;
   statusCode?: React.ReactNode;
   showContactInfo?: boolean;
-} & RouteProps;
+};
 
 export function InstantiationErrorPage({ content, statusCode, title, showContactInfo }: IInstantiationErrorPageProps) {
   return (

src/App/frontend/src/features/instantiate/containers/MissingRolesError.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 
 import { InstantiationErrorPage } from 'src/features/instantiate/containers/InstantiationErrorPage';
 import { Lang } from 'src/features/language/Lang';

src/App/frontend/src/features/instantiate/containers/PartySelection.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useMatch, useNavigate } from 'react-router-dom';
+import { useMatch, useNavigate } from 'react-router';
 
 import { Checkbox, Heading, Paragraph } from '@digdir/designsystemet-react';
 import { PlusIcon } from '@navikt/aksel-icons';

src/App/frontend/src/features/instantiate/selection/InstanceSelection.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 
 import { Heading, Paragraph, Table } from '@digdir/designsystemet-react';
 import { PencilIcon } from '@navikt/aksel-icons';

src/App/frontend/src/features/instantiate/useInstantiation.tsx

@@ -1,4 +1,4 @@
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 
 import { useMutation, useMutationState, useQueryClient } from '@tanstack/react-query';
 import type { MutateOptions } from '@tanstack/react-query';

src/App/frontend/src/features/language/LanguageProvider.tsx

@@ -1,4 +1,4 @@
-import { useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router';
 
 import { SearchParams } from 'src/core/routing/types';
 import { useProfile } from 'src/features/profile/ProfileProvider';

src/App/frontend/src/features/pdf/PDFWrapper.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Form } from 'react-router-dom';
+import { Form } from 'react-router';
 
 import { jest } from '@jest/globals';
 import { screen, waitFor } from '@testing-library/react';

src/App/frontend/src/features/pdf/PdfFromLayout.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router';
 import type { PropsWithChildren } from 'react';
 
 import { Heading } from '@digdir/designsystemet-react';

src/App/frontend/src/hooks/navigation.ts

@@ -1,4 +1,4 @@
-import { matchPath, useLocation } from 'react-router-dom';
+import { matchPath, useLocation } from 'react-router';
 
 import { useAsRef } from 'src/hooks/useAsRef';
 import type { SearchParams } from 'src/core/routing/types';

src/App/frontend/src/hooks/useNavigatePage.ts

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useMemo } from 'react';
-import { useLocation, useNavigate, useSearchParams } from 'react-router-dom';
-import type { NavigateOptions } from 'react-router-dom';
+import { useLocation, useNavigate, useSearchParams } from 'react-router';
+import type { NavigateOptions } from 'react-router';
 
 import { SearchParams } from 'src/core/routing/types';
 import { useIsStateless } from 'src/features/applicationMetadata';
@@ -34,7 +34,7 @@ export enum TaskKeys {
 }
 
 /**
- * Navigation function for react-router-dom
+ * Navigation function for react-router
  * Makes sure to clear returnToView and summaryNodeOfOrigin on navigation
  * Takes an optional callback
  */