Tooltip seems to only work with certain components

[literalpie]

Provide a general summary of the issue here

I would expect to be able to use a Tooltip with any component or element, but it seems to be inconsistent.

🤔 Expected Behavior?

A tooltip should show if the children of TooltipTrigger are hovered or focused, regardless of what the children are. If there are requirements (eg. the children must be react-aria components or must have a ref attribute), this should be clearly documented.

😯 Current Behavior

The tooltip shows if there is a react-aria button in the TooltipTrigger, but not for divs or native browser buttons.

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

See this stackblitz. hover or focus each element in the example.

Version

react-aria-components 1.4.1

What browsers are you seeing the problem on?

Chrome, Safari

If other, please specify.

No response

What operating system are you using?

MacOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[yihuiliao]

I think this is a dupe of #6142