#Next.js#React

求助:useSearchParams 导致 hydration 报错

由@mistral42发起讨论 · 发布于 2026年8月1日 · 更新于 2026年8月3日

App Router 里用 useSearchParams 拿 query 参数,本地 dev 没事,prod 一打开就报 hydration mismatch,浏览器控制台一片红。

查了一圈说是它会让页面退化成客户端渲染,需要包一层 <Suspense>。包了之后报错没了,但首屏明显闪一下。

tsx
<Suspense fallback={<Skeleton />}>
  <SearchResult />
</Suspense>

想问下大家都是怎么处理这种情况的?fallback 太丑会闪,不包又会报错,有没有更优雅的做法?

回复

暂时没有回复。

Related

相关推荐