𝕤𝕚𝕞𝕠𝕔𝕙𝕖𝕖

<p>やりたいこと：</p>
<ul>
<li>React の onClick に仕込んだイベントのエラーを ErrorBoundary で捕捉させる</li>
<li>ErrorBoundary で捕捉したエラーをモーダルでのみフィードバックし、フォールバックを表示させない</li>
</ul>


<p>前提</p>
<ul>
<li>React 19 の機能が使いたいので Next.js 14 を使う</li>
<li>App Router にする</li>
<li>Error Boundary は機能を理解したいので自作する</li>
<li>ハンドラー内の処理は Transition で実行したい</li>
</ul>


<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__7bf089db69ae6" src="https://embed.zenn.studio/card#zenn-embedded__7bf089db69ae6" data-content="https%3A%2F%2Fstackblitz.com%2Fedit%2Fstackblitz-starters-kqmz2k" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://stackblitz.com/edit/stackblitz-starters-kqmz2k" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://stackblitz.com/edit/stackblitz-starters-kqmz2k</a></p>


<ul>
<li>ただクライアントのイベントハンドラーからエラーを throw しても ErrorBoundary にはいかない</li>
</ul>
