cssinjs/jss

themed useCreateStyles creates className mismatch when hydrating in StrictMode

Aperta

#1338 aperta il 26 apr 2020

Vedi su GitHubGuida contributor
 (0 commenti) (1 reazione) (0 assegnatari)JavaScript (434 fork)batch import
bughelp wanted

Metriche repository

Star
 (7000 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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

Guida contributor

Direzione di ricerca
Indaga lo scostamento del contatore dei nomi delle classi durante SSR vs CSR con React StrictMode. Esamina l'hook useCreateStyles di JSS e come gestisce l'idratazione in StrictMode, in particolare la logica del contatore per la generazione dei nomi delle classi.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactCSS in JSJSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65