Try using react-router everywhere

apps/pigment-css-vite-app/package.json

@@ -21,7 +21,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-error-boundary": "^5.0.0",
-    "react-router-dom": "^7.1.3",
+    "react-router": "^7.1.3",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
@@ -30,6 +30,7 @@
     "@pigment-css/vite-plugin": "0.0.29",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
+    "@types/react-router": "^5.1.20",
     "@types/webfontloader": "^1.6.38",
     "@vitejs/plugin-react": "^4.3.4",
     "postcss": "^8.4.49",

apps/pigment-css-vite-app/src/main.tsx

@@ -1,6 +1,6 @@
 import * as ReactDOMClient from 'react-dom/client';
 import * as React from 'react';
-import { BrowserRouter as Router, useLocation, useRoutes } from 'react-router-dom';
+import { BrowserRouter as Router, useLocation, useRoutes } from 'react-router';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import CircularProgress from '@mui/material/CircularProgress';
 import CssBaseline from '@mui/material/CssBaseline';

apps/pigment-css-vite-app/src/pages/fixtures/index.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useLocation, matchRoutes, Link } from 'react-router-dom';
+import { useLocation, matchRoutes, Link } from 'react-router';
 import webfontloader from 'webfontloader';
 import routes from '~react-pages';
 import IndexLayout from '../../Layout';

apps/pigment-css-vite-app/src/pages/index.tsx

@@ -1,4 +1,4 @@
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 
 export default function App() {
   return (