granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: import useSearchParams from next/navigation instead of next-intl

Browse source 
- 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 <noreply@anthropic.com>
This commit is contained in:
Justin Edmund 2025-09-02 20:41:21 -07:00
parent 727549db6b
commit 8ea7c95446
5 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/[locale]/[username]/ProfilePageClient.tsx
View file

@ -2,7 +2,8 @@
import React, { useEffect, useState } from 'react' import React, { useEffect, useState } from 'react'
import { useTranslations } from 'next-intl' 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' import InfiniteScroll from 'react-infinite-scroll-component'
// Components // Components

3
app/[locale]/saved/SavedPageClient.tsx
View file

@ -2,7 +2,8 @@
import React, { useEffect, useState } from 'react' import React, { useEffect, useState } from 'react'
import { useTranslations } from 'next-intl' import { useTranslations } from 'next-intl'
import { useRouter, useSearchParams } from '~/i18n/navigation' import { useRouter } from '~/i18n/navigation'
import { useSearchParams } from 'next/navigation'
// Components // Components
import FilterBar from '~/components/filters/FilterBar' import FilterBar from '~/components/filters/FilterBar'

3
app/[locale]/teams/TeamsPageClient.tsx
View file

@ -2,7 +2,8 @@
import React, { useEffect, useState } from 'react' import React, { useEffect, useState } from 'react'
import { useTranslations } from 'next-intl' 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' import InfiniteScroll from 'react-infinite-scroll-component'
// Hooks // Hooks

3
components/party/PartyHeader/index.tsx
View file

@ -2,7 +2,8 @@
import React, { useState } from 'react' import React, { useState } from 'react'
import { Link } from '~/i18n/navigation' 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 { getCookie } from 'cookies-next'
import { useSnapshot } from 'valtio' import { useSnapshot } from 'valtio'
import { useTranslations } from 'next-intl' import { useTranslations } from 'next-intl'

2
i18n/navigation.ts
View file

@ -1,7 +1,7 @@
import {createNavigation} from 'next-intl/navigation' import {createNavigation} from 'next-intl/navigation'
import {locales, defaultLocale} from '../i18n.config' import {locales, defaultLocale} from '../i18n.config'
export const {Link, useRouter, usePathname, useSearchParams} = createNavigation({ export const {Link, useRouter, usePathname} = createNavigation({
locales, locales,
defaultLocale, defaultLocale,
localePrefix: 'as-needed' localePrefix: 'as-needed'