chore: react-router-dom -> react-router

with react-router@7, react-router-dom is just a stub.

Signed-off-by: Nick Mitchell <[email protected]>

Author: starpit

pdl-live-react/package-lock.json

@@ -33,7 +33,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-markdown": "^9.0.3",
-    "react-router-dom": "^7.1.3",
+    "react-router": "^7.1.5",
     "ts-pattern": "^5.6.2",
     "yaml": "^2.7.0"
   },

pdl-live-react/package.json

@@ -1,6 +1,6 @@
 import { StrictMode } from "react"
 import { createRoot } from "react-dom/client"
-import { BrowserRouter } from "react-router-dom"
+import { BrowserRouter } from "react-router"
 import App from "./App.tsx"
 
 createRoot(document.getElementById("root")!).render(

pdl-live-react/src/main.tsx

@@ -1,4 +1,4 @@
-import { Link } from "react-router-dom"
+import { Link } from "react-router"
 import { useCallback, useState, type MouseEvent } from "react"
 import { NavExpandable, NavItem } from "@patternfly/react-core"
 

pdl-live-react/src/page/DemoNavItems.tsx

@@ -1,4 +1,4 @@
-import { Link } from "react-router-dom"
+import { Link } from "react-router"
 import { useCallback, useState, type MouseEvent } from "react"
 import {
   NavExpandable,

pdl-live-react/src/page/MyTracesNavItems.tsx

@@ -1,4 +1,4 @@
-import { useSearchParams } from "react-router-dom"
+import { useSearchParams } from "react-router"
 import { useEffect, useState, type PropsWithChildren } from "react"
 
 import { Page, PageSection } from "@patternfly/react-core"

pdl-live-react/src/page/Page.tsx

@@ -1,4 +1,4 @@
-import { Link, useLocation } from "react-router-dom"
+import { Link, useLocation } from "react-router"
 
 import {
   Nav,

pdl-live-react/src/page/Sidebar.tsx

@@ -1,5 +1,5 @@
 import prettyBytes from "pretty-bytes"
-import { useNavigate } from "react-router-dom"
+import { useNavigate } from "react-router"
 import { useCallback, useEffect, useMemo, useState } from "react"
 
 import {

pdl-live-react/src/page/Uploader.tsx

@@ -1,5 +1,5 @@
 import { lazy, Suspense } from "react"
-import { Routes, Route } from "react-router-dom"
+import { Routes, Route } from "react-router"
 
 const Demo = lazy(() => import("../page/Demo"))
 const About = lazy(() => import("../page/About"))

pdl-live-react/src/routes/PdlRoutes.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from "react"
-import { useLocation } from "react-router-dom"
+import { useLocation } from "react-router"
 
 function capitalize(s: string) {
   return s.length === 0 ? s : s[0].toUpperCase() + s.slice(1)