Revert "Update dependencies and refactor AppStateProvider to utilize react-router-dom for URL parameter handling"

This reverts commit 6fef33c.

Author: bdahle

package-lock.json

@@ -17,7 +17,6 @@
         "express": "4.21.1",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "react-router-dom": "7.0.2",
         "swr": "2.2.5"
     },
     "devDependencies": {
@@ -28,10 +27,10 @@
         "@typescript-eslint/parser": "8.9.0",
         "@vitejs/plugin-react": "4.3.3",
         "eslint": "8.57.1",
-        "eslint-plugin-css-modules": "2.12.0",
         "eslint-plugin-react": "7.37.1",
         "eslint-plugin-react-hooks": "5.0.0",
         "eslint-plugin-react-refresh": "0.4.12",
+        "eslint-plugin-css-modules": "2.12.0",
         "npm-run-all": "4.1.5",
         "prettier": "3.3.3",
         "rollup-plugin-visualizer": "5.12.0",

package.json

@@ -1,7 +1,6 @@
 import React, { useCallback, useMemo, useState, useEffect } from 'react';
 import { AppStateContext } from './AppStateContext';
 import { Locale } from 'client/contentTree/NavigationBar';
-import { useParams } from 'react-router-dom';
 
 type Props = {
     children: React.ReactNode;
@@ -17,14 +16,17 @@ export const AppStateProvider = ({ children }: Props) => {
     const [selectedLocale, setSelectedLocale] = useState<Locale>('no');
     const [selectedVersion, setSelectedVersion] = useState<SelectedVersion>();
 
-    const { contentId, locale } = useParams<{ contentId: string; locale: Locale }>();
-
+    // Parse URL on mount
     useEffect(() => {
-        if (contentId && locale) {
+        const path = window.location.pathname;
+        const matches = path.match(/\/xp\/([^\/]+)\/([^\/]+)/);
+
+        if (matches) {
+            const [, contentId, locale] = matches;
             setSelectedContentId(contentId);
-            setSelectedLocale(locale);
+            setSelectedLocale(locale as Locale);
         }
-    }, [contentId, locale]);
+    }, []);
 
     const updateSelectedContent = useCallback(
         (selectedContent: string) => {