Next.js Text content does not match server-rendered HTML.

未关闭
#178 5 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
next.js, react, typescript
领域
frontend

调研方向

Reproduce the hydration warning with npx create-next-app@latest --ts using Next.js 12.3.1, React 18.2.0, and React DOM 18.2.0, then compare it with React 17. Done means identifying whether the mismatch is in this project or the Next.js/React combination and documenting a verified compatible resolution.

由索引模型根据 Issue 内容生成。

描述

Overview

The problem occurs in the versions below.

"next": "^12.3.1"
"react": "18.2.0"
"react-dom": "18.2.0"

An easy setup for that test is to run the command below.

npx create-next-app@latest --ts

error symptom

image

Resolution

I downgraded the react version to 17 and the problem did not occur.
Something seems to be a problem between react@18 and next.js.

"react": "^17.0.2",
"react-dom": "^17.0.2",
主要语言
TypeScript
星标
670
派生
55
30 天内没有已合并 PR

贡献指南

这个仓库没有索引到贡献指南

从这里开始

  1. 先读完整个 Issue，再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库，在一个分支上完成修改。
  4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

react-hook-form/devtools 的其他 Issue

查看 react-hook-form/devtools 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。