Bug: React - Cannot update a component (`HotReload`) while rendering a different component (`TriggerWrapper`)
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- 説明が足りない
- 活発さ
- 停滞
- 技術スタック
- nextjs, react, typescript
- 領域
- frontend
調査の方向性
trigger 2.2.5、antd 5.22.2、Next.js 15.03、React 18.3.1 を使用する Next.js 環境で警告を再現します。TriggerWrapper.js:19 のスタックトレースと、そこから参照されている hot-reloader-client.js および use-error-handler.js のエントリから開始します。警告が再現され、その原因が特定され、回帰テストによって警告が発生しなくなったことが確認されれば完了です。
索引モデルが issue の本文から書いたものです。
説明
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
- 主要言語
- TypeScript
- スター
- 391
- フォーク
- 245
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
react-component/trigger のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
react-component/trigger#593 · リアクション 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 58/100
react-component/trigger#623 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 65/100
react-component/trigger#618 · コメント 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 42/100
react-component/trigger#555 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 55/100
react-component/trigger#550 · コメント 1 件 ·
react-component/trigger の issue をすべて見る
似ている issue
-
Browser Waiting for: Product Owner
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
getsentry/sentry-javascript#24577 · コメント 1 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
agilepathway/label-checker#640 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
copse-dev/agent-pane#2953 ·
-
agentic-workflows
難易度 1/5 1時間未満 初心者へのやさしさ 85/100
githubnext/rig#534 ·
-
automation missing-model model-sync provider:pioneer
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
anomalyco/models.dev#7701 ·