selection.interrupt is not a function

[SourceCipher]

Describe the Bug

We are upgrading the package to the latest v11 and even with v10 we had the same issue every time the component initiates, we are getting this selection.interrupt is not a function error. Seems like its coming from the d3-zoom library but the bug is actually within this component.

We got rid of any code and just basically render the very basic sample code with 2 sample nodes and its keeps crashing. If we remove the component, everything works just fine.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Cant seem to replicate this on codesandbox

Expected behavior

Should initiate the view with the nodes

Screenshots or Videos

And this is a sample component we try to render:

Platform

• OS: [win 10]
• Browser: [Brave v1.51.118]

Additional context

No response

[moklick]

are you using different versions of d3-selection? what does npm list d3-selection say?

[SourceCipher]

We have measuretool-googlemaps-v3 using d3-selection@2.0.0. But react-flow-renderer@9.7.4 uses the newer version as well but it works just fine. See the image:

I can try maybe to override in package to force use latest d3-selection?

[SourceCipher]

Yes, in fact this is whats causing it as I could replicate this crash by adding the library in codesandbox.
https://codesandbox.io/s/angry-ramanujan-04nuj6

[SourceCipher]

So I managed to upgrade to the latest version, all works okay. Just had to add overrides to the package.json.

"overrides": {
   "d3-selection": "3.0.0"
}

[moklick]

Thanks for sharing your solution!