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)
Just tried to convert from v9 to v10 and this issue still exists
@moklick Here is the Grafana plugin repo where this is reproducible.
https://github.com/philips-labs/grafana-bpm-plugin
I used this fix to proceed for now: https://github.com/d3/d3-zoom/commit/0a942f763afc7813d4b1186a1928fcd8f276cf84