Added location param override to Routes (#7969)

Author: fgatti675

packages/react-router/__tests__/Routes-location-test.tsx

@@ -0,0 +1,72 @@
+import * as React from "react";
+import { create as createTestRenderer } from "react-test-renderer";
+import {
+  MemoryRouter as Router,
+  Route,
+  Routes,
+  useParams
+} from "react-router";
+
+describe("<Routes> with a location", () => {
+
+  function Home() {
+    return <h1>Home</h1>;
+  }
+
+  function User() {
+    let { userId } = useParams();
+    return (
+      <div>
+        <h1>User: {userId}</h1>
+      </div>
+    );
+  }
+
+  it("matches when the location is overridden", () => {
+
+    const location = {
+      pathname: '/home',
+      search: '',
+      hash: '',
+      state: null,
+      key: 'r9qntrej'
+    };
+    const renderer = createTestRenderer(
+      <Router initialEntries={["/users/michael"]}>
+        <Routes location={location}>
+          <Route path="home" element={<Home />} />
+          <Route path="users/:userId" element={<User />} />
+        </Routes>
+      </Router>
+    );
+
+    expect(renderer.toJSON()).not.toBeNull();
+    expect(renderer.toJSON()).toMatchInlineSnapshot(`
+     <h1>
+       Home
+     </h1>
+    `);
+  });
+
+
+  it("matches when the location is not overridden", () => {
+    const renderer = createTestRenderer(
+      <Router initialEntries={["/users/michael"]}>
+        <Routes>
+          <Route path="home" element={<Home />} />
+          <Route path="users/:userId" element={<User />} />
+        </Routes>
+      </Router>
+    );
+
+    expect(renderer.toJSON()).not.toBeNull();
+    expect(renderer.toJSON()).toMatchInlineSnapshot(`
+      <div>
+        <h1>
+          User: 
+          michael
+        </h1>
+      </div>
+    `);
+  });
+});

packages/react-router/index.tsx

@@ -253,6 +253,7 @@ export function Router({
 export interface RoutesProps {
   basename?: string;
   children?: React.ReactNode;
+  location?: Location;
 }
 
 /**
@@ -263,11 +264,12 @@ export interface RoutesProps {
  */
 export function Routes({
   basename = "",
-  children
+  children,
+  location
 }: RoutesProps): React.ReactElement | null {
   let routes = createRoutesFromChildren(children);
-  let location = useLocation();
-  return useRoutes_(routes, location, basename);
+  let location_ = useLocation();
+  return useRoutes_(routes, location ?? location_, basename);
 }
 
 ///////////////////////////////////////////////////////////////////////////////