Link : either tooltips or Next.js' useLinkStatus() ?

[janvorwerk]

Hello,

I am writing a Next.js app where I picked React Aria Link component so that it can show React Aria tooltips… however, this prevents useLinkStatus() from working.

So apparently, I need to choose between:

• having a tooltip on my link "buttons"
• or having a decent feedback when the user clicks them

Is there any way I could merge both behaviors? (not to mention other Next.js Link behaviors such as prefetch etc…). Ideally, I'd like to see the tooltip work on the regular Next.js Link but I am unsure what makes them work on React Aria Links.

Looking at the source code, or at the DOM, I cannot see what makes "React Aria Link so special" for ToolTips to appear…

Many thanks in advance 🙏

[reidbarber]

See Custom Trigger for another option to try. Also check out Client Side Routing.

[janvorwerk]

Thanks @reidbarber ! As always, I can see that this lib is very carefully designed and that you guys provide very (!) quick answers.
I had overlooked the Custom Trigger part… my bad.
Along with useFocusRing() and usePress(), I could wrap the Next.js Link to make it feel as a React Aria Link, yet with a better UX thanks to their useLinkStatus(). Thanks 🙏🙏