react-component / react-component/trigger
Bug: React - Cannot update a component (`HotReload`) while rendering a different component (`TriggerWrapper`)
Nessuno ha ancora preso questa issue.
- Lingua principale
- TypeScript
- Stelle
- 391
- Fork
- 245
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
It seems that upgrading to the latest react verion and nextjs version following bug occurs:
intercept-console-error.js:56 Cannot update a component (`HotReload`) while rendering a different component (`TriggerWrapper`). To locate the bad setState() call inside `TriggerWrapper`, follow the stack trace as described in https://react.dev/link/setstate-in-render
This is the stack trace:
error @ intercept-console-error.js:56
scheduleUpdateOnFiber @ react-dom-client.development.js:14254
dispatchReducerAction @ react-dom-client.development.js:7112
eval @ hot-reloader-client.js:432
handleClientError @ use-error-handler.js:50
error @ intercept-console-error.js:53
elementRefGetterWithDeprecationWarning @ react.development.js:446
TriggerWrapper @ TriggerWrapper.js:19
react-stack-bottom-frame @ react-dom-client.development.js:22339
renderWithHooks @ react-dom-client.development.js:5731
updateForwardRef @ react-dom-client.development.js:7736
beginWork @ react-dom-client.development.js:9988
runWithFiberInDEV @ react-dom-client.development.js:544
performUnitOfWork @ react-dom-client.development.js:14986
workLoopSync @ react-dom-client.development.js:14816
renderRootSync @ react-dom-client.development.js:14794
performWorkOnRoot @ react-dom-client.development.js:14288
performWorkOnRootViaSchedulerTask @ react-dom-client.development.js:15843
performWorkUntilDeadline @ scheduler.development.js:44
Note that this happens in a nextjs environment (in combo with ant design)
trigger version: 2.2.5
antd: 5.22.2
nextjs: 15.03
react: 18.3.1
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Riproduci l’avviso in un ambiente Next.js usando trigger 2.2.5, antd 5.22.2, Next.js 15.03 e React 18.3.1. Inizia dallo stack trace in TriggerWrapper.js:19 e dalle voci referenziate di hot-reloader-client.js e use-error-handler.js; il lavoro è completo quando l’avviso è stato riprodotto, la sua causa è stata identificata e un test di regressione conferma che non si verifica più.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- nextjs, react, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 35/100