xyflow: zoom.js:91 Uncaught TypeError: selection.interrupt is not a function

Describe the Bug

I updated from 9.7.4 to 10.0.3. I went through the migration instructions and am now getting this error. I was able to get the error when setting up react-flow even with no data being passed in and no custom options. This makes me think it is due to a incorrectly pinned dependency but I haven’t dug into the issue in detail yet.

zoom.js:91 Uncaught TypeError: selection.interrupt is not a function
    at Function.zoom.transform (zoom.js:91:1)
    at slicedToArray.js:7:1

I believe it is coming from d3-zoom

in my packages

├─┬ @amcharts/amcharts5@5.1.8
│ └─┬ d3@6.7.0
│   └── d3-zoom@2.0.0
└─┬ react-flow-renderer@10.0.3
  └── d3-zoom@3.0.0

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Install 10.0.3 and likely have another library that also has d3 installed (such as amcharts)

Expected behavior

I expected the page to not crash 🤷

Screenshots or Videos

No response

Platform

Does not seem platform dependent but tried in chrome and safari on OSX

Additional context

No response

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Reactions: 7
  • Comments: 25 (5 by maintainers)

Most upvoted comments

Just tried to convert from v9 to v10 and this issue still exists

"react-flow-renderer": "^10.3.12"

@moklick Here is the Grafana plugin repo where this is reproducible.

https://github.com/philips-labs/grafana-bpm-plugin