fix: handle case when router query is empty (not ready)

vercel · Oct 23, 2022 · 8e1b754 · 8e1b754
1 parent 24e6de8
commit 8e1b754
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/next/client/components/navigation.ts b/packages/next/client/components/navigation.ts
@@ -108,6 +108,10 @@ export function useSearchParams() {
     // To support migration from pages to app, this adds a workaround that'll
     // support the pages router here too.
     if (router) {
+      if (!router.isReady) {
+        return new ReadonlyURLSearchParams(new URLSearchParams())
+      }
+
       return new ReadonlyURLSearchParams(
         parsedURLQueryToURLSearchParams(router.query)
       )