react-component / react-component/trigger

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

Ouverte
#495 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
TypeScript
Étoiles
391
Forks
245
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Reproduisez l’avertissement dans un environnement Next.js utilisant trigger 2.2.5, antd 5.22.2, Next.js 15.03 et React 18.3.1. Commencez par la stack trace à TriggerWrapper.js:19 et les entrées référencées de hot-reloader-client.js et use-error-handler.js ; le travail est considéré comme terminé lorsque l’avertissement est reproduit, que sa cause est identifiée et qu’un test de régression confirme qu’il ne se produit plus.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
nextjs, react, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.