starter/src/components/molecules/Link/index.tsx

import * as React from 'react'
import NextLink from 'next/link'
import {UrlObject} from 'url';

type Props = {
	href: UrlObject,
	as?: UrlObject,
	prefetch?: boolean,
	replace?: boolean,
	shallow?: boolean,
	component?: React.ElementType,
}

const Link: React.FC<Props> = ({
	href,
	as,
	prefetch,
	replace,
	shallow,
	component: Component = 'a',
	...etcProps
}) => {
	return (
		<NextLink
			href={href}
			as={as}
			passHref
			replace={replace}
			shallow={shallow}
			prefetch={prefetch}
		>
			<Component
				{...etcProps}
			/>
		</NextLink>
	)
}

export default Link