[Chakra UI]TypeError: Cannot use 'in' operator to search for 'green' in undefined

問題

npm installでchakra-uiをインストールしてすぐ、ボタンを描画しようとしたがこのようなエラーが出た。

直し方

ThemeProviderってゆうのを使う必要があるみたい。
これを加えたらうまくいけました。

sample.js

// import the provider
import { ThemeProvider, CSSReset } from '@chakra-ui/core'

// in your index.tsx, add this

<ThemeProvider>
   <CSSReset />
   <App/>
</ThemeProvider>