Add hover intent option to useHover hook

[alexcarpenter]

It would be nice to pass an optional argument to useHover for hover intent.

Using useHover within a navigation menu, and want to make sure folks are intending to interact with the element before triggering the hover immediately.

Reference: https://briancherne.github.io/jquery-hoverIntent/

[snowystinger]

We don't really have anything that uses hover as the primary interaction, as that has a lot of accessibility pitfalls and problems, especially for touch users. I don't think we'd want to do anything to encourage hover as a primary interaction. Can you expand more on your use case?
Specifically, if you're using our higher level hooks, how is hover coming into play?

[alexcarpenter]

Using within a navbar. When the user is moving into the document with their mouse, i'd like to make sure they are intending to interact with the menu vs their mouse unintentionally triggering the isHovered boolean.

https://codesandbox.io/s/relaxed-tereshkova-l55dbi?file=/src/App.js

[snowystinger]

Sorry, what I mean is, is this cosmetic? or is this a primary form of interaction?

If it's cosmetic, then I would recommend handling it yourself. If it's a primary form of interaction, then we'd really need to review that before putting it into our hook for the reasons I mentioned before.

You could do it yourself with something along these lines https://codesandbox.io/s/boring-lovelace-dbulk9?file=/src/App.js

[alexcarpenter]

When thinking about the usage, I wouldn't see using useHover without the hover intent 🤔.

But I really appreciate your taking the time to show how to achieve this one our side of things 🙇🏼