Style links

web/components/Link/index.js

@@ -7,8 +7,8 @@ export default function Link({ href, children }) {
   }
 
   return (
-    <ChakraLink as={NextLink} href={href}>
-      {children}
-    </ChakraLink>
+    <NextLink href={href} passHref>
+      <ChakraLink color="teal.600">{children}</ChakraLink>
+    </NextLink>
   )
 }

web/components/PT/PortableTextBlock.js

 import React from 'react'
-import NextLink from 'next/link'
 import { kebabCase } from 'lodash'
-import { Heading, Link, Text } from '@chakra-ui/react'
+import Link from '../Link'
+import { Heading, Text } from '@chakra-ui/react'
 import {
   BigText,
   Hero,
@@ -103,11 +103,7 @@ export default function PortableTextBlock(props) {
         const { reference } = mark
         const href = `/id/${reference._ref}`
         const text = children.length ? children[0] : children
-        return (
-          <Link as={NextLink} href={href}>
-            {text}
-          </Link>
-        )
+        return <Link href={href}>{text}</Link>
       },
       link: ({ mark, children }) => {
         // console.log(children)