Missing types for Link attributes onClick, onTouchStart, onMouseEnter on Next.js 13

[nbouvrette]

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

When updating to Next.js 13, I had to move onClick, onTouchStart, onMouseEnter directly to the Link component and noticed that the event type in /next/dist/client/link.d.ts was set to any

What browser are you using? (if relevant)

N/A

How are you deploying your application? (if relevant)

N/A

Describe the Bug

I'm getting an Unsafe member access .preventDefault on an 'any' value. when using the current Next.js 13 types.

A workaround is to cast the type like this: onClick={(event: MouseEvent) => {}}

Looking at

next.js/packages/next/client/link.tsx

Line 85 in 191710d

// e: any because as it would otherwise overlap with existing types

it says it would overlap with existing type? I'm not sure I understand why

I would do a PR myself but I am not familiar with the process

Expected Behavior

I would expect the following event types:

    onMouseEnter?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
    onTouchStart?: (e: React.TouchEvent<HTMLAnchorElement>) => void;
    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;

Link to reproduction

next.js/packages/next/client/link.tsx

Line 85 in 191710d

// e: any because as it would otherwise overlap with existing types

To Reproduce

Just use onClick and then try to use the event argument like this:

 <Link onClick={(event) => { event.preventDefault() }}></Link>

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.