Improve the type of useParams (#8352)

Co-authored-by: 侯宗楠 <houzn@go-goal.com>
remix-run · Dec 3, 2021 · 1108f1c · 1108f1c
1 parent 11aad9d
commit 1108f1c
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/react-router/index.tsx b/packages/react-router/index.tsx
@@ -526,8 +526,10 @@ export function useOutlet(): React.ReactElement | null {
  *
  * @see https://reactrouter.com/docs/en/v6/api#useparams
  */
-export function useParams<Key extends string = string>(): Readonly<
-  Params<Key>
+export function useParams<
+  ParamsOrKey extends string | Record<string, string | undefined> = string
+>(): Readonly<
+  [ParamsOrKey] extends [string] ? Params<ParamsOrKey> : Partial<ParamsOrKey>
 > {
   let { matches } = React.useContext(RouteContext);
   let routeMatch = matches[matches.length - 1];