[Bug]: Example code console shows ReactDOM.hydrate warning

オープン

#7,243 2024年10月22日に作成コメント 0 件リアクション 0 件担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度: 3/5
見積もり時間: 1〜2日
初心者へのやさしさ: 35/100

issue の種類: バグ
明瞭さ: おおむね明確
活発さ: 停滞
技術スタック: javascript, react
領域: documentation, frontend

調査の方向性

リンク先のReactドキュメントページから始め、サンプルコードのコンソールがReactのバージョンをどのように選択して読み込むかを調べます。警告を再現したうえで、コンソールにReactDOM.hydrateの警告が表示されなくなるようドキュメントのサンプル設定を更新し、ページが引き続き動作することを確認します。

索引モデルが issue の本文から書いたものです。

説明

bug: unconfirmed

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

CleanShot 2024-10-22 at 12 23 47@2x

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

主要言語: JavaScript
スター: 11.8k
フォーク: 7.9k
平均マージ: 16時間 6分
マージ済み PR（30日）: 7

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
リポジトリをフォークし、ブランチを切って変更します。
issue 番号を参照したプルリクエストを送ります。

reactjs/react.dev のほかの issue

[Suggestion]: Feature React 19.3 codemods across docs, blog, and changelog オープン

type: documentation

難易度 2/5 1〜3時間初心者へのやさしさ 72/100

reactjs/react.dev#8661 · コメント 1 件 · リアクション 7 件 · 2026年9月17日に作成
docs: improve useState explanation in quick start オープン

難易度 1/5 1時間未満初心者へのやさしさ 82/100

reactjs/react.dev#8655 · 2026年9月12日に作成
[Bug]: Next button throws a runtime error instead of cycling to the first sculpture オープン

bug: unconfirmed

難易度 2/5 1〜3時間初心者へのやさしさ 74/100

reactjs/react.dev#8634 · コメント 3 件 · 2026年9月4日に作成
[Typo]: Repeaded words in Pitfall section オープン

type: typos

難易度 1/5 1時間未満初心者へのやさしさ 90/100

reactjs/react.dev#8622 · コメント 1 件 · 2026年8月22日に作成
[Bug]: Sidebar dropdown does not close when the arrow is clicked again オープン

bug: unconfirmed

難易度 2/5 1〜3時間初心者へのやさしさ 68/100

reactjs/react.dev#8618 · 2026年8月21日に作成

reactjs/react.dev の issue をすべて見る

似ている issue

A 403 from the server is treated as a failed login and sends the user to the login screen オープン

bug

難易度 2/5 1〜3時間初心者へのやさしさ 76/100

avniproject/avni-client#2135 · 2026年9月21日に作成
Broken links detected by weekly link check オープン

automated broken-link

難易度 1/5 1時間未満初心者へのやさしさ 85/100

finos/community#452 · 2026年9月21日に作成
[sec-check] deploy-gh-pages.yml grants id-token: write and pages: write workflow-wide — the npm build job holds an OIDC-minting and Pages-deploy credential it never uses オープン

agent/security hive/hosted-available-lke648397-260827-5n31 security

難易度 2/5 1〜3時間初心者へのやさしさ 84/100

cncf/endusers#374 · 2026年9月21日に作成
[feature] OnlyBigBottleTurbo 检查大小瓶数量问题オープン

enhancement

難易度 2/5 1〜3時間初心者へのやさしさ 70/100

babalae/bettergi-scripts-list#3674 · 2026年9月21日に作成
Make CompressedImageSaver release notes more approachable オープン

A-Release-Notes C-Editing D-Modest S-Ready-For-Implementation

難易度 2/5 1〜3時間初心者へのやさしさ 72/100

bevyengine/bevy-website#2595 · 2026年9月21日に作成

JavaScript の issue をもっと見る