cssinjs/jss

themed useCreateStyles creates className mismatch when hydrating in StrictMode

オープン

#1,338 opened on 2020/04/26

 (0 件のコメント) (1 件のリアクション) (0 人の担当者)JavaScript (434 件のフォーク)batch import
bughelp wanted

Repository metrics

Stars
 (7,000 個のスター)
PR merge metrics
 (PR metrics pending)

説明

Expected behavior: className matches during hydration

Describe the bug: The counter in the className is off by one

Codesandbox link: https://codesandbox.io/s/createusestyles-classname-mismatch-zdojq?file=/src/App.js

The useLayoutEffect warnings are false positives since we SSR in the browser to showcase the issue better. Versions (please complete the following information):

  • jss: 10.1.1
  • Browser [e.g. chrome, safari]: Chrome 81
  • OS [e.g. Windows, macOS]: ubuntu 18.04
  • react: 16.13.1

コントリビューターガイド