Uncaught Error: Unable to find node on an unmounted component. [After update to react 18]

評価

調査の方向性

説明

Uncaught Error: Unable to find node on an unmounted component.
    at findHostInstanceWithWarning (react-dom.development.js:24281:1)
    at Object.findDOMNode (react-dom.development.js:24804:1)
    at DraggableCore.findDOMNode (DraggableCore.js:389:1)
    at DraggableCore.componentDidMount (DraggableCore.js:352:1)
    at commitLayoutEffectOnFiber (react-dom.development.js:23305:1)
    at commitLayoutMountEffects_complete (react-dom.development.js:24688:1)
    at commitLayoutEffects_begin (react-dom.development.js:24674:1)
    at commitLayoutEffects (react-dom.development.js:24612:1)
    at commitRootImpl (react-dom.development.js:26823:1)
    at commitRoot (react-dom.development.js:26682:1)

react-dom.development.js:18687 The above error occurred in the <DraggableCore> component:

    at DraggableCore (http://localhost:8888/main.js:75147:5)
    at Draggable (http://localhost:8888/main.js:74645:5)
    at observerComponent (http://localhost:8888/main.js:40445:73)
    at div
    at div
    at div
    at div
    at Dock (http://localhost:8888/main.js:49158:5)
    at div
    at observerComponent (http://localhost:8888/main.js:40445:73)
    at UI
    at div
    at observerComponent (http://localhost:8888/main.js:169213:73)

The above error occurred in the <Draggable> component:

    at Draggable (http://localhost:8888/main.js:74645:5)
    at observerComponent (http://localhost:8888/main.js:40445:73)
    at div
    at div
    at div
    at div
    at Dock (http://localhost:8888/main.js:49158:5)
    at div
    at observerComponent (http://localhost:8888/main.js:40445:73)
    at UI
    at div
    at observerComponent (http://localhost:8888/main.js:169213:73)

react-dom.development.js:24281 Uncaught Error: Unable to find node on an unmounted component.
    at findHostInstanceWithWarning (react-dom.development.js:24281:1)
    at Object.findDOMNode (react-dom.development.js:24804:1)
    at DraggableCore.findDOMNode (DraggableCore.js:389:1)
    at DraggableCore.componentWillUnmount (DraggableCore.js:366:1)
    at callComponentWillUnmountWithTimer (react-dom.development.js:22852:1)
    at safelyCallComponentWillUnmount (react-dom.development.js:22873:1)
    at commitDeletionEffectsOnFiber (react-dom.development.js:24129:1)
    at recursivelyTraverseDeletionEffects (react-dom.development.js:23989:1)
    at commitDeletionEffectsOnFiber (react-dom.development.js:24133:1)
    at recursivelyTraverseDeletionEffects (react-dom.development.js:23989:1)

環境構築

はじめの一歩

1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
3. リポジトリをフォークし、ブランチを切って変更します。
4. issue 番号を参照したプルリクエストを送ります。

react-grid-layout/react-draggable のほかの issue

• React.lazy(() => import('react-draggable')) fails TypeScript: typeof Draggable is not assignable to ComponentType

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  bug ready-for-agent

  難易度 3/5 1〜2日 初心者へのやさしさ 72/100

  react-grid-layout/react-draggable#822 · コメント 2 件 · 2026年9月16日 に作成

• V4.5.0 Chrome Extension Error

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  bug needs-info

  難易度 3/5 1〜2日 初心者へのやさしさ 45/100

  react-grid-layout/react-draggable#782 · コメント 2 件 · 2025年8月6日 に作成

• Why does react-draggable affect onChange events on mobile?

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  bug needs-info

  難易度 4/5 3〜5日 初心者へのやさしさ 25/100

  react-grid-layout/react-draggable#772 · コメント 1 件 · 2025年1月15日 に作成

• error in react 19

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  bug ready-for-agent

  難易度 3/5 1〜2日 初心者へのやさしさ 45/100

  react-grid-layout/react-draggable#771 · コメント 14 件 · リアクション 31 件 · 2024年12月15日 に作成

• [Doc Update] About parent DOM Node

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  enhancement ready-for-agent

  難易度 2/5 1〜3時間 初心者へのやさしさ 45/100

  react-grid-layout/react-draggable#762 · コメント 1 件 · 2024年9月3日 に作成

react-grid-layout/react-draggable の issue をすべて見る

似ている issue

• [Feature]:

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  enhancement

  難易度 2/5 1〜3時間 初心者へのやさしさ 65/100

  bitfocus/companion-module-openweather-rest#51 · 2026年10月6日 に作成

• Link Checker Report (lycheeverse/lychee-action)

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  automated issue report

  難易度 2/5 1〜3時間 初心者へのやさしさ 62/100

  lirantal/discoprint#36 · 2026年10月5日 に作成

  メンテナーはふだん 1 日以内に返信

• Outdated text about select multiple size=1

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  accepting PR Content:HTML

  難易度 1/5 1時間未満 初心者へのやさしさ 88/100

  mdn/content#45988 · コメント 1 件 · 2026年10月5日 に作成

  メンテナーはふだん 1 日以内に返信

• `pnpm setup` PATH guard leaves `$PNPM_HOME/bin` behind system paths in login shells that inherit PATH, so the global `node` shim is bypassed

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 2/5 1〜3時間 初心者へのやさしさ 72/100

  pnpm/pnpm#16635 · コメント 1 件 · 2026年10月5日 に作成

  メンテナーはふだん 1 日以内に返信

• preverify does not run swagger-check or frontend-lint

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 2/5 1〜3時間 初心者へのやさしさ 82/100

  txn2/mcp-data-platform#2030 · 2026年10月5日 に作成

  メンテナーはふだん 1 日以内に返信

JavaScript の issue をもっと見る