react19-source-patterns

React 19 ソース移行パターン

React 19 で必要となるすべてのソースファイル移行のリファレンスです。

クイックリファレンステーブル

パターン	対応	リファレンス
ReactDOM.render(...)	→ createRoot().render()	references/api-migrations.md を参照
ReactDOM.hydrate(...)	→ hydrateRoot(...)	references/api-migrations.md を参照
unmountComponentAtNode	→ root.unmount()	インラインで修正
ReactDOM.findDOMNode	→ 直接 ref を使用	インラインで修正
forwardRef(...) ラッパー	→ ref を直接プロパティとして渡す	references/api-migrations.md を参照
Component.defaultProps = {}	→ ES6 のデフォルト引数	references/api-migrations.md を参照
引数なしの useRef()	→ useRef(null)	インラインで修正 null を追加
レガシー Context	→ createContext	→ api-migrations.md#legacy-context
文字列 ref this.refs.x	→ createRef()	→ api-migrations.md#string-refs
import React from 'react'（未使用）	削除	ファイル内に React. の使用箇所がない場合のみ

PropTypes のルール

.propTypes の割り当ては削除しないでください。prop-types パッケージは、単独のバリデーターとして引き続き動作します。React 19 で削除されるのは React パッケージに組み込まれたランタイムチェックのみであり、パッケージ自体は引き続き有効です。

.propTypes ブロックの上に、次のコメントを追加してください。

// NOTE: React 19 no longer runs propTypes validation at runtime.
// PropTypes kept for documentation and IDE tooling only.

リファレンスを読む

各移行の変更前・変更後のコード全体については、references/api-migrations.md をお読みください。useImperativeHandle と組み合わせた forwardRef のエッジケース、defaultProps における null と undefined の動作の違い、レガシー Context のプロバイダー／コンシューマーを複数ファイルにまたがって移行するパターンなど、完全なパターンを記載しています。