Merge pull request #43 from carbonplan/update-docs

update docs

docs/components/section.js

@@ -1,7 +1,7 @@
 import { MDXProvider } from '@mdx-js/react'
 import { Box } from 'theme-ui'
 import * as carbonPlanCharts from '@carbonplan/charts'
-import { LiveCode, Pre } from '@carbonplan/prism'
+import { LiveCode } from '@carbonplan/prism'
 import { NavSection } from '@carbonplan/layouts'
 import { contents } from './contents'
 
@@ -19,15 +19,14 @@ const scope = {
 }
 
 const components = {
-  code: ({ ...props }) => (
+  pre: ({ ...props }) => (
     <LiveCode
       theme={'monochrome'}
       transform={transform}
       scope={scope}
       {...props}
     />
   ),
-  pre: Pre,
 }
 
 const Section = ({ children, name }) => {

docs/next.config.js

@@ -1,26 +1,7 @@
-const path = require('path')
 const withMDX = require('@next/mdx')({
   extension: /\.mdx?$/,
+  options: { format: 'mdx' },
 })
-
 module.exports = withMDX({
-  pageExtensions: ['js', 'jsx', 'mdx', 'md'],
-  webpack: (config, options) => {
-    if (options.isServer) {
-      config.externals = ['react', 'theme-ui', ...config.externals]
-    }
-    config.resolve.alias['react'] = path.resolve(
-      __dirname,
-      '.',
-      'node_modules',
-      'react'
-    )
-    config.resolve.alias['theme-ui'] = path.resolve(
-      __dirname,
-      '.',
-      'node_modules',
-      'theme-ui'
-    )
-    return config
-  },
+  pageExtensions: ['js', 'jsx', 'tsx', 'md', 'mdx'],
 })