React: Too many re-renders. の原因と無限ループ解決法

概要

Reactのコンポーネントで「Too many re-renders. React limits the number of renders to prevent an infinite loop.」エラーが出る原因（直接実行・useEffect）を解説。

背景・原因

（ここに具体的な背景や、エラーが起こる仕組みを記載します）

解決手順 / 使い方

1. 手順1: （コードの修正や確認作業）
2. 手順2: （テスト）

// 修正前のエラーが起きるコード例
const data = undefined;
console.log(data.property); // Error!

// 修正後（安全なコード）
console.log(data?.property); // undefinedが返るだけでクラッシュしない

ポイント💡 実務での運用時の注意点などを記載。