data-umami-event html attribute disables Next.js <Link> client-side routing on mobile

[dryu99]

Describe the Bug

Not 100% sure if this is a Next.js issue or an Umami one, but thought I'd drop an issue here anyhow.

When I add an umami-event-data attribute to a Next.js <Link> tag like so:

<Link
  data-umami-event="example-link-click"
  href="/example"
>
  Example
</Link>

...clicking on the link causes a page-reload. This is unexpected behaviour since Next.js' <Link> tag is supposed to enable client-side routing. However when I remove this attribute, <Link> works as expected and no page reload occurs.

Notably this seems to only occur on mobile. On desktop, client-side routing works as expected even with umami-event-data.

Some context on the environment I tested this in:

• Next.js version: 14.2.1
• Mobile Device: iOS
• Mobile Browsers: Safari and Chrome

Database

Umami Cloud

Relevant log output

No response

Which Umami version are you using? (if relevant)

No response

Which browser are you using? (if relevant)

Chrome, Safari

How are you deploying your application? (if relevant)

Vercel