[Bug]: Example code console shows ReactDOM.hydrate warning
オープン
まだ誰も着手していません。
bug: unconfirmed
- 主要言語
- JavaScript
- スター
- 11.8k
- フォーク
- 7.9k
- 平均マージ
- 1日 11時間
- マージ済み PR（30日）
- 11
説明
Summary
This is not technically a bug, just that the code console is not doing what it's expected to be doing. I think the version of React used in website should be updated in the docs. All the examples show this warning in the code console now.
Warning: ReactDOM.hydrate is no longer supported in React 18. Use hydrateRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot
https://react.dev/reference/react-dom/hydrate#suppressing-unavoidable-hydration-mismatch-errors
Page
https://react.dev/reference/react-dom/hydrate#suppressing-unavoidable-hydration-mismatch-errors
Details
No response
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
リンク先のReactドキュメントページから始め、サンプルコードのコンソールがReactのバージョンをどのように選択して読み込むかを調べます。警告を再現したうえで、コンソールにReactDOM.hydrateの警告が表示されなくなるようドキュメントのサンプル設定を更新し、ページが引き続き動作することを確認します。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- javascript, react
- 領域
- documentation, frontend
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100