Contenxt menu breaks with infinite re-render. Error: Maximum update depth exceeded.

[Randulfe]

Bug report

Current Behavior

Radix UI context menu breaks from an infinite re-render when using with react flow or in any context where the component with such context menu can be moved around.

There are also other reported issues resulting in the same error that have been ignored in this bug marked as closed: #2717 that many others are reporting

Expected behavior

When dragging and moving the element that has react context menu it should be able to carry on without reaching the error.

Reproducible example

Create a react flow container or a canvas. Place an element containing react context menu. Move it around, after a few ms it will break.

Suggested solution

Needs to be investigated as there are several scenarios where it breaks in this way

Additional context

• Maximum update depth exceeded error with hover card #2717

Your environment

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-context-menu	2.2.6
React	n/a	latest
Browser	All browsers	n/a
Node	n/a	20.17
npm/yarn	npm	11
Operating System	Windows	11