A component to use internal and external links with Gatsby.

Link.js

import { Link as GatsbyLink } from 'gatsby'

const Link = ({ children, ...props }) => {
  if (!props.href) {
    return (
      <GatsbyLink {...props}>
        {children}
      </GatsbyLink>
    )
  }

  return (
    <a {...props}>
      {children}
    </a>
  )
}

// Internal:
<Link to='/example'>
  Example 1
</Link>

// External:
<Link href='https://example.com'>
  Example 2
</Link>