fix: Normalize pathnameBase when matching (#8533)

Motivation:
When matching with "*", the `pathnameBase` had a trailing slash `/`.

Modifications:
 * Call normalizePathname for pathnameBase

Result:
We can use an element that call useRoutes to define another alternative router for matching with "*".

Closes: #8458

Author: Isammoc

contributors.yml

@@ -4,6 +4,7 @@
 - chrisngobanh
 - elylucas
 - hongji00
+- Isammoc
 - JakubDrozd
 - jonkoops
 - kddnewton

packages/react-router/__tests__/path-matching-test.tsx

@@ -242,4 +242,27 @@ describe("path matching with splats", () => {
       pathnameBase: "/",
     });
   });
+
+  test("nested routes with partial matching", () => {
+    let routes = [{ path: '/', children: [{ path: 'courses', children: [{ path: '*' }] }] }];
+    let match = matchRoutes(routes, "/courses/abc")
+
+    expect(match).not.toBeNull();
+    expect(match).toHaveLength(3);
+    expect(match[0]).toMatchObject({
+      params: { "*": "abc" },
+      pathname: "/",
+      pathnameBase: "/"
+    });
+    expect(match[1]).toMatchObject({
+      params: { "*": "abc" },
+      pathname: "/courses",
+      pathnameBase: "/courses"
+    });
+    expect(match[2]).toMatchObject({
+      params: { "*": "abc" },
+      pathname: "/courses/abc",
+      pathnameBase: "/courses"
+    });
+  });
 });

packages/react-router/index.tsx

@@ -1040,7 +1040,7 @@ function matchRouteBranch<ParamKey extends string = string>(
     matches.push({
       params: matchedParams,
       pathname: joinPaths([matchedPathname, match.pathname]),
-      pathnameBase: joinPaths([matchedPathname, match.pathnameBase]),
+      pathnameBase: normalizePathname(joinPaths([matchedPathname, match.pathnameBase])),
       route,
     });