fix(core): pass searchParams when swapping locales (#2362)

Author: jorgemoya

.changeset/rich-brooms-read.md

@@ -0,0 +1,9 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Pass search params to router.redirect when swapping locales.
+
+## Migration
+
+Modify `useSwitchLocale` hook to include `Object.fromEntries(searchParams.entries())`.

core/vibes/soul/primitives/navigation/index.tsx

@@ -7,7 +7,7 @@ import * as Popover from '@radix-ui/react-popover';
 import { clsx } from 'clsx';
 import debounce from 'lodash.debounce';
 import { ArrowRight, ChevronDown, Search, SearchIcon, ShoppingBag, User } from 'lucide-react';
-import { useParams } from 'next/navigation';
+import { useParams, useSearchParams } from 'next/navigation';
 import React, {
   forwardRef,
   Ref,
@@ -829,17 +829,18 @@ const useSwitchLocale = () => {
   const pathname = usePathname();
   const router = useRouter();
   const params = useParams();
+  const searchParams = useSearchParams();
 
   return useCallback(
     (locale: string) =>
       router.push(
         // @ts-expect-error -- TypeScript will validate that only known `params`
         // are used in combination with a given `pathname`. Since the two will
         // always match for the current route, we can skip runtime checks.
-        { pathname, params },
+        { pathname, params, query: Object.fromEntries(searchParams.entries()) },
         { locale },
       ),
-    [pathname, params, router],
+    [pathname, params, router, searchParams],
   );
 };