react-component / react-component/trigger
Random error on unmount : Unable to find node on an unmounted component.
まだ誰も着手していません。
- 主要言語
- TypeScript
- スター
- 391
- フォーク
- 245
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
Actions
We have an antd slider mounted on a Lazy loaded page (with a Suspense parent).
When we click in the menu of our website, this unmount the current lazy loaded page and load an other lazy loaded page. (Using react router component Route)
During this operation, we sometime have an error popping on rc-trigger library.
Is there any way to protect against this ?
Error
Error: Unable to find node on an unmounted component.
at a(webpack://lcdp-react/../node_modules/react-dom/cjs/react-dom.production.min.js:56:67)
at Zb(webpack://lcdp-react/../node_modules/react-dom/cjs/react-dom.production.min.js:57:217)
at exports.findDOMNode(webpack://lcdp-react/../node_modules/react-dom/cjs/react-dom.production.min.js:320:226)
at getRootDomNode(webpack://lcdp-react/../node_modules/rc-trigger/lib/index.js:255:34)
at attachParent(webpack://lcdp-react/../node_modules/rc-trigger/lib/index.js:349:29)
at _this.attachId(webpack://lcdp-react/../node_modules/rc-trigger/lib/index.js:367:19)
at callRef(webpack://lcdp-react/../node_modules/rc-trigger/node_modules/rc-util/lib/raf.js:35:7)
at realId(webpack://lcdp-react/../node_modules/rc-trigger/node_modules/rc-util/lib/raf.js:39:9)
at s(webpack://lcdp-react/../src/helpers.ts:98:1)
Context
rc-trigger version : 5.3.4
antd version : 4.17.3
Yours faithfully,
LCDP
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
Start with rc-trigger/lib/index.js at getRootDomNode, attachParent, and attachId, then inspect the rc-util raf callbacks shown in the stack trace. Reproduce navigation from a Suspense-mounted page to another Route while an antd slider unmounts. Done means the unmount transition no longer produces this error, with coverage for the reported scenario if the repository has a suitable test entry point.
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- react, typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 25/100