Dropdowns with links in them disappear on hover in develop mode

[rsexton404]

If I have a dropdown in my header with a link in it it will disappear on hover just after first load the page—but only in develop mode. It works fine if there is just text content with no link components in the dropdown. Probably has something to do with the initial state of isOpen being handled differently in develop mode.

Here's a quick screen recording of the issue:

[rsexton404]

BTW, this only seems to happen if the dropdown contains a <Link> component. If you swap it out an <a> tag it doesn't disappear.

[shadcn]

I'll take a look at this. Thank you.

[rsexton404]

I noticed that only hovering over a <Link> whose route is not the current page will cause the issue. Also, if you try opening the dropdown again and hover over that same link again, it will not disappear (unless you hover any other links that aren't routing to the current page and haven't been hovered over once yet). I don't quite get how that would cause the whole parent component to re-render (with the isOpen set to its initial state of false), but I hope that helps!