@charcoal-ui/react

@charcoal-ui/react

charcoal デザインシステムに則った React コンポーネントを提供します

インストール

npm

npm i @charcoal-ui/react

yarn

yarn add @charcoal-ui/react

Server Side Rendering を行う場合の注意点

React 18 以下で 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) によるものです。