From 8ea7c954463e81bba329dab9adaf651f95e53f09 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Tue, 2 Sep 2025 20:41:21 -0700 Subject: [PATCH] fix: import useSearchParams from next/navigation instead of next-intl MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Remove useSearchParams from next-intl's createNavigation exports - Import useSearchParams directly from next/navigation in client components - Fixes "useSearchParams is not a function" error - Affected components: TeamsPageClient, ProfilePageClient, SavedPageClient, PartyHeader next-intl's createNavigation doesn't export useSearchParams, it must be imported from Next.js directly 🤖 Generated with Claude Code https://claude.ai/code Co-Authored-By: Claude --- app/[locale]/[username]/ProfilePageClient.tsx | 3 ++- app/[locale]/saved/SavedPageClient.tsx | 3 ++- app/[locale]/teams/TeamsPageClient.tsx | 3 ++- components/party/PartyHeader/index.tsx | 3 ++- i18n/navigation.ts | 2 +- 5 files changed, 9 insertions(+), 5 deletions(-) diff --git a/app/[locale]/[username]/ProfilePageClient.tsx b/app/[locale]/[username]/ProfilePageClient.tsx index d04f0bd4..094a745b 100644 --- a/app/[locale]/[username]/ProfilePageClient.tsx +++ b/app/[locale]/[username]/ProfilePageClient.tsx @@ -2,7 +2,8 @@ import React, { useEffect, useState } from 'react' import { useTranslations } from 'next-intl' -import { useRouter, useSearchParams } from '~/i18n/navigation' +import { useRouter } from '~/i18n/navigation' +import { useSearchParams } from 'next/navigation' import InfiniteScroll from 'react-infinite-scroll-component' // Components diff --git a/app/[locale]/saved/SavedPageClient.tsx b/app/[locale]/saved/SavedPageClient.tsx index d006d189..a4b276f6 100644 --- a/app/[locale]/saved/SavedPageClient.tsx +++ b/app/[locale]/saved/SavedPageClient.tsx @@ -2,7 +2,8 @@ import React, { useEffect, useState } from 'react' import { useTranslations } from 'next-intl' -import { useRouter, useSearchParams } from '~/i18n/navigation' +import { useRouter } from '~/i18n/navigation' +import { useSearchParams } from 'next/navigation' // Components import FilterBar from '~/components/filters/FilterBar' diff --git a/app/[locale]/teams/TeamsPageClient.tsx b/app/[locale]/teams/TeamsPageClient.tsx index c45ac130..8529f715 100644 --- a/app/[locale]/teams/TeamsPageClient.tsx +++ b/app/[locale]/teams/TeamsPageClient.tsx @@ -2,7 +2,8 @@ import React, { useEffect, useState } from 'react' import { useTranslations } from 'next-intl' -import { useRouter, useSearchParams } from '~/i18n/navigation' +import { useRouter } from '~/i18n/navigation' +import { useSearchParams } from 'next/navigation' import InfiniteScroll from 'react-infinite-scroll-component' // Hooks diff --git a/components/party/PartyHeader/index.tsx b/components/party/PartyHeader/index.tsx index 917510a6..b6e759ba 100644 --- a/components/party/PartyHeader/index.tsx +++ b/components/party/PartyHeader/index.tsx @@ -2,7 +2,8 @@ import React, { useState } from 'react' import { Link } from '~/i18n/navigation' -import { useRouter, usePathname, useSearchParams } from '~/i18n/navigation' +import { useRouter, usePathname } from '~/i18n/navigation' +import { useSearchParams } from 'next/navigation' import { getCookie } from 'cookies-next' import { useSnapshot } from 'valtio' import { useTranslations } from 'next-intl' diff --git a/i18n/navigation.ts b/i18n/navigation.ts index 6c4ee389..801d0856 100644 --- a/i18n/navigation.ts +++ b/i18n/navigation.ts @@ -1,7 +1,7 @@ import {createNavigation} from 'next-intl/navigation' import {locales, defaultLocale} from '../i18n.config' -export const {Link, useRouter, usePathname, useSearchParams} = createNavigation({ +export const {Link, useRouter, usePathname} = createNavigation({ locales, defaultLocale, localePrefix: 'as-needed'