react-component / react-component/trigger
Bug: React - Cannot update a component (`HotReload`) while rendering a different component (`TriggerWrapper`)
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 391
- Forks
- 245
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Reproduziere die Warnung in einer Next.js-Umgebung mit trigger 2.2.5, antd 5.22.2, Next.js 15.03 und React 18.3.1. Beginne mit dem Stacktrace bei TriggerWrapper.js:19 und den darin referenzierten Einträgen in hot-reloader-client.js und use-error-handler.js; als abgeschlossen gilt die Aufgabe, wenn die Warnung reproduziert, ihre Ursache identifiziert und durch einen Regressionstest bestätigt wurde, dass sie nicht mehr auftritt.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- nextjs, react, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 35/100