From 8e1b75475e632d71c4d333570fa444ecb750555d Mon Sep 17 00:00:00 2001 From: Wyatt Johnson Date: Sun, 23 Oct 2022 14:16:21 -0600 Subject: [PATCH] fix: handle case when router query is empty (not ready) --- packages/next/client/components/navigation.ts | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/next/client/components/navigation.ts b/packages/next/client/components/navigation.ts index 4b67806c9d42..75e80f28a000 100644 --- 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) )