WRR-28851: Update major dependency versions - samples (#255)

* Fixes made for react-router updates

* Small fix

* Merge fixes

Author: alexandrumorariu

agate/all-samples/package.json

@@ -39,7 +39,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-redux": "^9.2.0",
-    "react-router-dom": "^v6.30.1",
+    "react-router": "^7.6.2",
     "redux": "^5.0.1",
     "redux-thunk": "^3.1.0"
   }

agate/all-samples/src/App/App.js

@@ -2,8 +2,7 @@ import Scroller from '@enact/agate/Scroller';
 import ThemeDecorator from '@enact/agate/ThemeDecorator';
 import kind from '@enact/core/kind';
 import PropTypes from 'prop-types';
-import {HashRouter, Route, Routes, useNavigate} from 'react-router-dom';
-import {StaticRouter} from 'react-router-dom/server';
+import {HashRouter, Route, Routes, StaticRouter, useNavigate} from 'react-router';
 
 import SampleItem from '../components/SampleItem';
 import ButtonToSamples from '../components/ButtonToSamples';

agate/all-samples/src/components/ButtonToSamples/ButtonToSamples.js

@@ -1,11 +1,11 @@
 import Button from '@enact/agate/Button';
-import {Link} from 'react-router-dom';
+import {Link} from 'react-router';
 
 import css from './ButtonToSamples.module.less';
 
 const ButtonToSamples = () => (
 	<div className={css.buttonContainer}>
-		<Link to="/" className={css.backLink}>
+		<Link to="../" className={css.backLink}>
 			<Button
 				className={css.backButton}
 				style={{zIndex: 1}}

ui/all-samples/package.json

@@ -37,7 +37,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-redux": "^9.2.0",
-    "react-router-dom": "^6.30.1",
+    "react-router": "^7.6.2",
     "redux": "^5.0.1",
     "redux-thunk": "^3.1.0"
   }

ui/all-samples/src/App/App.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import {routes} from  '../index';
 import SampleItem from '../components/SampleItem';
 import Scroller from '@enact/ui/Scroller';
-import {useNavigate} from 'react-router-dom';
+import {useNavigate} from 'react-router';
 
 import css from './App.module.less';
 

ui/all-samples/src/components/ButtonToSamples/ButtonToSamples.js

@@ -1,11 +1,11 @@
 import Button from '@enact/ui/Button';
-import {Link} from 'react-router-dom';
+import {Link} from 'react-router';
 
 import css from './ButtonToSamples.module.less';
 
 const ButtonToSamples = () => (
 	<div className={css.buttonContainer}>
-		<Link to="/" className={css.backLink}>
+		<Link to="../" className={css.backLink}>
 			<Button
 				className={css.backButton}
 				style={{zIndex: 1}}

ui/all-samples/src/index.js

@@ -1,6 +1,5 @@
 /* global ENACT_PACK_ISOMORPHIC */
-import {HashRouter, Route, Routes} from 'react-router-dom';
-import {StaticRouter} from 'react-router-dom/server';
+import {HashRouter, Route, Routes, StaticRouter} from 'react-router';
 import {createRoot, hydrateRoot} from 'react-dom/client';
 
 import PatternListDetails from '../../pattern-list-details/src/App';