charcoal デザインシステムに則った React コンポーネントを提供します
npm
npm i @charcoal-ui/react
yarn
yarn add @charcoal-ui/react
SSR を行う場合はアプリケーション全体を<SSRProvider>
で囲む必要があります。
import { SSRProvider } from '@charcoal-ui/react'
const App = () => (
<SSRProvider>
<Page />
</SSRProvider>
)
既知の不具合として、React のstrict modeが有効化されていると hydration error が発生します。@charcoal-ui/react
が依存しているreact-aria
の不具合 (adobe/react-spectrum#2231, adobe/react-spectrum#779) によるものです。