Infinite recursion when using an "external" trigger to toggle a dialog

[RheingoldRiver]

I want to send users to my Settings modal when they click an option in a dropdown called "set custom dimensions." So I put a state variable called settingsOpen (with the unfortunate setter name of setSettingsOpen) in my global context. Then in my dropdown menu I have this:

            <DropdownMenu.Item
              onClick={(e) => {
                e.preventDefault();
                setSettingsOpen(true);
              }}
              className={clsx("DropdownMenuItem", "cursor-pointer")}
            >
              Custom Dimensions
            </DropdownMenu.Item>

And in my settings dialog I have this:

  const { settingsOpen, setSettingsOpen } = useContext(AppStateContext);
  // snip
  return (<Dialog.Root
      open={settingsOpen}
      onOpenChange={setSettingsOpen}
    >

But any time I click this option in the dropdown, I get a "too much recursion" error:

I am not sure if I'm doing something wrong, or if this is a problem with Radix. I think this workflow ought to be possible, but I can't figure out how?

---

Edit: Never mind, this is #2390, and updating my version of react-dialog (and restarting my dev instance) fixed it.