Add custom pre block

src/components/CodeBlock.js

@@ -0,0 +1,10 @@
+import React from 'react'
+
+export const CodeBlock = (props) => {
+	console.log(props.children)
+	return (
+    <pre className={props.className}>
+      {props.children}
+    </pre>
+  )
+}

src/components/Layout.js

@@ -7,6 +7,7 @@ import { withPrefix } from 'gatsby'
 import { MDXProvider } from '@mdx-js/react'
 import { NoteBlock, WarningBlock, TipBlock } from './Block'
 import { LinkToAnywhere } from './LinkToAnywhere'
+import { CodeBlock } from './CodeBlock'
 
 const TemplateWrapper = ({ children }) => {
   const { title, description, siteUrl } = useSiteMetadata()
@@ -149,6 +150,7 @@ const TemplateWrapper = ({ children }) => {
           Warning: WarningBlock,
           Tip: TipBlock,
           a: LinkToAnywhere,
+					pre: CodeBlock,
         }}
       >
         {children}