NISHIO Hirokazu[Translate]
日記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

まあ動いたからいいか

日記2025-08-11←日記2025-08-12→日記2025-08-13
"Engineer's way of creating knowledge" the English version of my book is now available on [Engineer's way of creating knowledge]

(C)NISHIO Hirokazu / Converted from [Scrapbox] at [Edit]