日記2025-08-12

Chakra UI v3の使っているArk UIが問題を起こす

Ark UIは、ChakraUI v3の基盤となっているヘッドレスUIライブラリです。

Ark UIとは：

ヘッドレスコンポーネントライブラリ - スタイルなしの機能のみを提供

アクセシビリティ重視 - WAI-ARIAに準拠した実装

複数フレームワーク対応 - React、Vue、Solidをサポート

Chakra UIの新基盤 - v3からArk UIベースに移行

なぜエラーが起きているか：

1. 互換性問題 - Ark UIとNext.jsのSSR/RSCの相性問題

2. 型定義エラー - fieldAnatomy.extendWith is not a functionは内部APIの不整合

3. ビルド時の問題 - サーバーサイドレンダリング時にクライアント専用コードが実行される

Chakra UI v2にすればいい、コンポーネント名はだいたい同じとClaudeがいうので変えたら結構書き換えが必要になっている

大嘘じゃんw

まあ動いたからいいか