Update query parsing example

remix-run · Oct 23, 2021 · 95596d3 · 95596d3
1 parent f60a506
commit 95596d3
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/examples/custom-query-parsing/src/App.tsx b/examples/custom-query-parsing/src/App.tsx
@@ -46,14 +46,10 @@ function useQueryParam<T>(
   let value = React.useMemo(() => JSURL.parse(paramValue), [paramValue]);
 
   let setValue = React.useCallback(
-    (newQuery: T, options?: NavigateOptions) => {
-      setSearchParams(
-        {
-          ...searchParams,
-          [key]: JSURL.stringify(newQuery)
-        },
-        options
-      );
+    (newValue: T, options?: NavigateOptions) => {
+      let newSearchParams = new URLSearchParams(searchParams);
+      newSearchParams.set(key, JSURL.stringify(newValue));
+      setSearchParams(newSearchParams, options);
     },
     [key, searchParams, setSearchParams]
   );