Merge pull request alibaba#888 from alibaba/feat/cache-url-state

feat: cache url state
Angryboy29 · Mar 5, 2021 · 56e4560 · 56e4560
2 parents db994e5 + 1172b7a
commit 56e4560
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/use-url-state/src/index.ts b/packages/use-url-state/src/index.ts
@@ -32,10 +32,13 @@ export default <S extends UrlState = UrlState>(initialState?: S | (() => S), opt
     return parse(location.search, parseConfig);
   }, [location.search]);
 
-  const targetQuery = {
-    ...initialStateRef.current,
-    ...queryFromUrl,
-  } as state;
+  const targetQuery: state = useMemo(
+    () => ({
+      ...initialStateRef.current,
+      ...queryFromUrl,
+    }),
+    [queryFromUrl],
+  );
 
   const setState = (s: React.SetStateAction<state>) => {
     const newQuery = typeof s === 'function' ? (s as Function)(targetQuery) : s;