Link on mousedown breaks view transitions on phones

import { createLink, type LinkComponent } from '@tanstack/react-router';

export const CustomLinkComponent = (props: React.AnchorHTMLAttributes<HTMLAnchorElement>) => {
    // In phones this breaks view transitions
    return (
        <a
            onMouseDown={(event) => {
                event.currentTarget.click();
            }}
            {...props}
        />
    );
};

CustomLinkComponent.displayName = 'CustomLinkComponent';

const CreatedLinkComponent = createLink(CustomLinkComponent);

export const CustomLink: LinkComponent<typeof CustomLinkComponent> = (props) => {
    return <CreatedLinkComponent {...props} />;
};

import { createLink, type LinkComponent } from '@tanstack/react-router';

export const CustomLinkComponent = (props: React.AnchorHTMLAttributes<HTMLAnchorElement>) => {
    // In phones this breaks view transitions
    return (
        <a
            onMouseDown={(event) => {
                event.currentTarget.click();
            }}
            {...props}
        />
    );
};

CustomLinkComponent.displayName = 'CustomLinkComponent';

const CreatedLinkComponent = createLink(CustomLinkComponent);

export const CustomLink: LinkComponent<typeof CustomLinkComponent> = (props) => {
    return <CreatedLinkComponent {...props} />;
};