【備忘録】ChakraUIのv2→v3で変わっていたこと

やりたいこと

npm install @chakra-ui/reactをすると、v3のChakraUIがインストールされてv2の書き方だとエラーが出るので解消したい。

実装

main.tsxなどでChakraProvideを設定するが、以下に書き方を変える。

// v2
<ChakraProvider>
　<App />
</ChakraProvider>

// v3
<ChakraProvider value={defaultSystem}>
　<App />
</ChakraProvider>

詰まっていたところ

今までv2を使っていたので、他にもCardが読み込めなかったりしていた。
以下でv3で変わっていることを参照。

公式のドキュメントはv2までなので、v3を使うか迷う。