🦔
React Content LoaderでProp id did not matchエラーの解決法
コンソールに以下のようなエラーが出る
スケルトンスクリーンを実装するためにReact Content Loaderというライブラリを使用していたら、サーバー側とクライアント側のidが違うと怒られました。
解決法
レポジトリのREADMEにも書かれていましたが<ContentLoader />にuniqueKeyを渡すことで解決しました。
以下のようなイメージです。
import { ContentLoader } from 'react-content-loader'
const MyContentLoader = () => <ContentLoader uniqueKey="my-random-value" />
Discussion