Bug: React - Cannot update a component (`HotReload`) while rendering a different component (`TriggerWrapper`)

Offen

#495 erstellt am 26.11.2024 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 4/5
Geschätzter Aufwand: 3-5 Tage
Anfängerfreundlichkeit: 35/100

Issue-Typ: Bug
Klarheit: Muss geklärt werden
Aktivitätsstatus: Veraltet
Tech-Stack: nextjs, react, typescript
Bereich: frontend

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.

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

Vorherrschende Sprache: TypeScript
Sterne: 391
Forks: 245
PR-Merge-Kennzahlen: Keine gemergten PRs in 30 T.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus react-component/trigger

Bug: wrong dependency version of @rc-component/util Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100

react-component/trigger#593 · 1 Reaktion · Erstellt am 30.11.2025
Does not work when rendered inside an iframe Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 58/100

react-component/trigger#623 · Erstellt am 02.6.2026
useAlign.js: inline style reset to 0 is silently overridden under prefers-reduced-motion CSS (CSSTransition interpolation) Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 65/100

react-component/trigger#618 · 1 Kommentar · Erstellt am 20.4.2026
`collectScroller` is not working as expected when the element is in shadow DOM Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 42/100

react-component/trigger#555 · Erstellt am 15.7.2025
points: ['cc', 'cc'] 无法自适应调整位置 Offen

Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 55/100

react-component/trigger#550 · 1 Kommentar · Erstellt am 26.6.2025

Alle Issues in react-component/trigger