href replaces splats (#13593)

Author: pcattori

.changeset/unlucky-pigs-chew.md

@@ -0,0 +1,10 @@
+---
+"react-router": patch
+---
+
+href replaces splats `*`
+
+```ts
+const a = href("/products/*", { "*": "/1/edit" });
+// -> /products/1/edit
+```

packages/react-router/__tests__/href-test.ts

@@ -17,6 +17,10 @@ describe("href", () => {
     );
   });
 
+  it("works with splats", () => {
+    expect(href("/a/*", { "*": "b/c" })).toBe("/a/b/c");
+  });
+
   it("throws when required params are missing", () => {
     expect(() => href("/a/:b")).toThrow(
       `Path '/a/:b' requires param 'b' but it was not provided`

packages/react-router/lib/href.ts

@@ -30,6 +30,10 @@ export function href<Path extends keyof Args>(
   return path
     .split("/")
     .map((segment) => {
+      if (segment === "*") {
+        return params ? params["*"] : undefined;
+      }
+
       const match = segment.match(/^:([\w-]+)(\?)?/);
       if (!match) return segment;
       const param = match[1];