Chakra UI v3の使っているArk UIが問題を起こす
Ark UIは、ChakraUI v3の基盤となっているヘッドレスUIライブラリです。
Ark UIとは：
<ul>
<li>ヘッドレスコンポーネントライブラリ - スタイルなしの機能のみを提供</li>
<li>アクセシビリティ重視 - WAI-ARIAに準拠した実装</li>
<li>複数フレームワーク対応 - React、Vue、Solidをサポート</li>
<li>Chakra UIの新基盤 - v3からArk UIベースに移行
なぜエラーが起きているか：</li>
</ul>
<ol>
<li>互換性問題 - Ark UIとNext.jsのSSR/RSCの相性問題</li>
<li>型定義エラー - fieldAnatomy.extendWith is not a functionは内部APIの不整合</li>
<li>ビルド時の問題 - サーバーサイドレンダリング時にクライアント専用コードが実行される</li>
</ol>
Chakra UI v2にすればいい、コンポーネント名はだいたい同じとClaudeがいうので変えたら結構書き換えが必要になっている
<ul>
<li>大嘘じゃんw</li>
<li><a href="https://github.com/team-mirai-volunteer/policy-pr-hub/commit/c9c2a6d29807a2e2302040e60d1a12d42ed217f4">https://github.com/team-mirai-volunteer/policy-pr-hub/commit/c9c2a6d29807a2e2302040e60d1a12d42ed217f4</a></li>
</ul>
まあ動いたからいいか
<a href="/ja/%E6%97%A5%E8%A8%982025-08-11">日記2025-08-11</a>←日記2025-08-12→<a href="/ja/%E6%97%A5%E8%A8%982025-08-13">日記2025-08-13</a>
100日前 <a href="/ja/%E6%97%A5%E8%A8%982025-05-04">日記2025-05-04</a>
1年前 <a href="/ja/%E6%97%A5%E8%A8%982024-08-12">日記2024-08-12</a>