my-links/inertia/components/common/external_link.tsx

import { AnchorHTMLAttributes, CSSProperties, ReactNode } from 'react';

export default function ExternalLink({
  children,
  title,
  ...props
}: AnchorHTMLAttributes<HTMLAnchorElement> & {
  children: ReactNode;
  style?: CSSProperties;
  title?: string;
  className?: string;
}) {
  return (
    <a target="_blank" rel="noreferrer" title={title} {...props}>
      {children}
    </a>
  );
}