next.jsとstyled-componentsを組み合わせたときはlinkにpassHrefを渡す

import Link from "next/link"

const RedLink = styled("a")`
  color: red;
`

export const MyLink = ({ href, children, ...props }) => (
  // passHrefを与える
  <Link href={href} passHref>
    <LinkTag {...props}>{children}</LinkTag>
  </Link>
)