React-Router v6 -> v7

Author: daveearley

frontend/package.json

@@ -35,12 +35,13 @@
     "@mantine/nprogress": "^7.7.1",
     "@mantine/tiptap": "^7.7.1",
     "@react-pdf/renderer": "^3.3.4",
+    "@react-router/node": "^7.1.5",
     "@remix-run/node": "^2.8.1",
     "@stripe/react-stripe-js": "^2.1.1",
     "@stripe/stripe-js": "^1.54.1",
     "@tabler/icons-react": "^2.44.0",
     "@tanstack/react-query": "5.52.2",
-    "@tiptap/extension-image": "^2.11.2",
+    "@tiptap/extension-image": "^2.11.5",
     "@tiptap/extension-link": "^2.1.13",
     "@tiptap/extension-text-align": "^2.1.13",
     "@tiptap/extension-underline": "^2.1.13",
@@ -61,7 +62,8 @@
     "react-dom": "^18.2.0",
     "react-helmet-async": "^2.0.4",
     "react-qr-code": "^2.0.12",
-    "react-router-dom": "^6.11.2",
+    "react-router": "^7.1.5",
+    "react-router-dom": "^7.1.5",
     "recharts": "2",
     "sirv": "^2.0.4"
   },

frontend/src/components/common/AttendeeList/index.tsx

@@ -1,6 +1,6 @@
 import { ActionIcon, Avatar, Tooltip, Text, Group } from "@mantine/core";
 import { getInitials } from "../../../utilites/helpers.ts";
-import { NavLink } from "react-router-dom";
+import { NavLink } from "react-router";
 import { IconExternalLink, IconUsers } from "@tabler/icons-react";
 import classes from './AttendeeList.module.scss';
 import { Order, Product } from "../../../types.ts";

frontend/src/components/common/AttendeeTable/index.tsx

@@ -7,7 +7,7 @@ import {useDisclosure} from "@mantine/hooks";
 import {SendMessageModal} from "../../modals/SendMessageModal";
 import {useState} from "react";
 import {NoResultsSplash} from "../NoResultsSplash";
-import {useParams} from "react-router-dom";
+import {useParams} from "react-router";
 import {useGetEvent} from "../../../queries/useGetEvent.ts";
 import Truncate from "../Truncate";
 import {notifications} from "@mantine/notifications";

frontend/src/components/common/CheckInListList/index.tsx

@@ -14,7 +14,7 @@ import {EditCheckInListModal} from "../../modals/EditCheckInListModal";
 import {useDeleteCheckInList} from "../../../mutations/useDeleteCheckInList";
 import {showError, showSuccess} from "../../../utilites/notifications.tsx";
 import {confirmationDialog} from "../../../utilites/confirmationDialog.tsx";
-import {useParams} from "react-router-dom";
+import {useParams} from "react-router";
 
 interface CheckInListListProps {
     checkInLists: CheckInList[];

frontend/src/components/common/ErrorDisplay/index.tsx

@@ -1,6 +1,6 @@
 import {Container} from '@mantine/core';
 import classes from './ErrorDisplay.module.scss';
-import {useRouteError} from "react-router-dom";
+import {useRouteError} from "react-router";
 import {t} from "@lingui/macro";
 
 export const ErrorDisplay = () => {

frontend/src/components/common/EventCard/index.tsx

@@ -2,7 +2,7 @@ import {ActionIcon, Button,} from '@mantine/core';
 import {Event, IdParam} from "../../../types.ts";
 import classes from "./EventCard.module.scss";
 import {Card} from "../Card";
-import {NavLink, useNavigate} from "react-router-dom";
+import {NavLink, useNavigate} from "react-router";
 import {
     IconArchive,
     IconCash,

frontend/src/components/common/EventsDashboardStatusButtons/index.tsx

@@ -1,6 +1,6 @@
 import {Button, Group} from "@mantine/core";
 import {t} from "@lingui/macro";
-import {useNavigate} from "react-router-dom";
+import {useNavigate} from "react-router";
 
 interface EventsDashboardStatusButtonsProps {
     baseUrl: string;

frontend/src/components/common/GlobalMenu/index.tsx

@@ -2,7 +2,7 @@ import {Avatar, Menu, UnstyledButton} from "@mantine/core";
 import {getInitials} from "../../../utilites/helpers.ts";
 import {IconLifebuoy, IconLogout, IconSettingsCog, IconUser,} from "@tabler/icons-react";
 import {useGetMe} from "../../../queries/useGetMe.ts";
-import {NavLink} from "react-router-dom";
+import {NavLink} from "react-router";
 import {t} from "@lingui/macro";
 import {authClient} from "../../../api/auth.client.ts";
 import {useDisclosure} from "@mantine/hooks";

frontend/src/components/common/Header/index.tsx

@@ -1,6 +1,6 @@
 import {Container} from '@mantine/core';
 import classes from './Header.module.scss';
-import {NavLink} from "react-router-dom";
+import {NavLink} from "react-router";
 
 interface HeaderProps {
     rightContent?: React.ReactNode;

frontend/src/components/common/NoResultsSplash/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import classes from './NoResultsSplash.module.scss';
-import {useSearchParams} from "react-router-dom";
+import {useSearchParams} from "react-router";
 import {t} from "@lingui/macro";
 
 interface NoResultsSplashProps {