PROCESS: Updated react-router package.

Author: benel

frontend/package-lock.json

@@ -17,7 +17,7 @@
     "react-mark.js": "^10.0.10",
     "react-markdown": "^10.1.0",
     "react-notifications": "^1.7.4",
-    "react-router-dom": "^6.4.3",
+    "react-router": "^7.7.1",
     "remark-definition-list": "^2.0.0",
     "remark-gfm": "^4.0.1",
     "remark-unwrap-images": "^4.0.0",

frontend/package.json

@@ -5,7 +5,7 @@ import Lectern from './routes/Lectern';
 import Bookshelf from './routes/Bookshelf';
 import Hyperglosae from './hyperglosae';
 import 'bootstrap/dist/css/bootstrap.min.css';
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import { BrowserRouter, Routes, Route } from 'react-router';
 import { NotificationContainer, NotificationManager } from 'react-notifications';
 import 'react-notifications/lib/notifications.css';
 import { TypesContext } from './components/TypesContext.js';

frontend/src/App.jsx

@@ -1,4 +1,4 @@
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { Bookmark, ChevronBarDown, ChevronExpand, PencilSquare} from 'react-bootstrap-icons';
 import { OverlayTrigger, Tooltip } from 'react-bootstrap';
 

frontend/src/components/BrowseTools.jsx

@@ -1,5 +1,5 @@
 import { Container, Row, Col, Button} from 'react-bootstrap';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 
 function DocumentNotFound() {
   const navigate = useNavigate();

frontend/src/components/DocumentNotFound.jsx

@@ -1,5 +1,5 @@
 import Card from 'react-bootstrap/Card';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 
 function ExistingDocument({ document, relatedTo, verb, setLastUpdate, backend }) {
   const navigate = useNavigate();

frontend/src/components/ExistingDocument.jsx

@@ -1,7 +1,7 @@
 import '../styles/FutureDocument.css';
 
 import { useState, useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { Card, Nav, Form, Button, OverlayTrigger, Tooltip } from 'react-bootstrap';
 import { PlusLg, Link } from 'react-bootstrap-icons';
 import { v4 as uuid } from 'uuid';

frontend/src/components/FutureDocument.jsx

@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
 import Row from 'react-bootstrap/Row';
 import Form from 'react-bootstrap/Form';
 import Dropdown from 'react-bootstrap/Dropdown';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { OverlayTrigger, Tooltip } from 'react-bootstrap';
 import SignOutAction from '../menu-items/SignOutAction';
 

frontend/src/components/Menu.jsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { Modal, Button } from 'react-bootstrap';
 import DiscreeteDropdown from '../components/DiscreeteDropdown';
 

frontend/src/menu-items/DeleteDocumentAction.jsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { Modal, Button } from 'react-bootstrap';
 import DiscreeteDropdown from '../components/DiscreeteDropdown';