fix warning 'Passing through parameter * during decoding since it was…

… not configured.'
mccsoft · Jun 16, 2023 · a512d6a · a512d6a
1 parent 3d75833
commit a512d6a
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/create-route.ts b/src/create-route.ts
@@ -6,7 +6,11 @@ import {
   useMatch,
   useParams,
 } from 'react-router-dom';
-import { decodeQueryParams, encodeQueryParams } from 'serialize-query-params';
+import {
+  StringParam,
+  decodeQueryParams,
+  encodeQueryParams,
+} from 'serialize-query-params';
 import {
   CreateRouteResult,
   ParamParseKeyOptional,
@@ -76,6 +80,11 @@ export function createRoute<
       let params = useParams() as any;
       const [queryParams, setQueryParams] = useQueryParams(searchParamsConfig!);
       if (urlParamsConfig) {
+        // fix warning 'Passing through parameter * during decoding since it was not configured.'
+        // even if you don't have '*' in your pattern it gets added to params
+        if (params['*'] && !urlParamsConfig['*']) {
+          (urlParamsConfig as any)['*'] = StringParam;
+        }
         params = decodeQueryParams(
           urlParamsConfig as any,
           params as any,