[components,mdx][s]: fix next seo images build error and add components

  - add checks for  next seo image in config
  - add custom anchor links component that supports next links
  - modify svg component to use react fragment replacing p tags

templates/default/components/Link.js

@@ -0,0 +1,22 @@
+import Link from 'next/link'
+
+const CustomLink = ({ href, ...rest }) => {
+  const isInternalLink = href && href.startsWith('/')
+  const isAnchorLink = href && href.startsWith('#')
+
+  if (isInternalLink) {
+    return (
+      <Link href={href}>
+        <a {...rest} />
+      </Link>
+    )
+  }
+
+  if (isAnchorLink) {
+    return <a href={href} {...rest} />
+  }
+
+  return <a target="_blank" rel="noopener noreferrer" href={href} {...rest} />
+}
+
+export default CustomLink

templates/default/components/MDX.js

@@ -1,11 +1,15 @@
+import { Fragment } from 'react'
 import { NextSeo } from 'next-seo'
 import Head from 'next/head'
+import CustomLink from './Link'
 import { Pre } from './Pre'
 import siteConfig from '../config/siteConfig'
 
 const components = {
   Head,
+  a: CustomLink,
   pre: Pre,
+  svg: props => <Fragment {...props} />,
   GlobalTest: ({children}) => <h1 className="bg-red-300">{children}</h1>,
   wrapper: ({ layout, ...rest }) => {
     const Layout = require(`../layouts/${layout}`).default
@@ -36,7 +40,7 @@ export default function MdxPage({ children, ...rest }) {
                   alt: frontMatter.title
                 }
               ] 
-            : siteConfig.nextSeo.openGraph.images,
+            : siteConfig?.nextSeo?.openGraph?.images || [],
         }}
       />
       <Component