chore: migrate docz config to v1.0

config/babel/babel.next.js

@@ -1,7 +1,10 @@
 const { resolve } = require('path')
 
 module.exports = () => ({
-  presets: ['next/babel', resolve(__dirname, './babel.common.js')],
+  presets: [
+    ['next/babel', { 'transform-runtime': { useESModules: false } }],
+    resolve(__dirname, './babel.common.js')
+  ],
   plugins: [
     ['styled-components', { ssr: true, displayName: true, preprocess: false }]
   ]

docs/concepts/composition.mdx

@@ -1,7 +1,6 @@
 ---
 name: Composition
 route: /concepts/composition
-order: -4
 ---
 
 # Composition

docs/docz/Provider.js

@@ -1,14 +1,13 @@
+import React from 'react'
 import { node } from 'prop-types'
-import { ThemeConfig } from 'docz'
+import { useConfig } from 'docz'
 import { ThemeProvider } from 'styled-components'
 
-const Provider = ({ children }) => (
-  <ThemeConfig>
-    { ({ themeConfig }) => (
-      <ThemeProvider theme={ themeConfig }>{ children }</ThemeProvider>
-    ) }
-  </ThemeConfig>
-)
+const Provider = ({ children }) => {
+  const { themeConfig } = useConfig()
+
+  return <ThemeProvider theme={ themeConfig }>{ children }</ThemeProvider>
+}
 
 Provider.propTypes = {
   children: node.isRequired

doczrc.js

@@ -13,6 +13,7 @@ module.exports = {
     'Menus'
   ],
   wrapper: 'docs/docz/Provider',
-  dest: 'build/docs',
+  src: './docs',
+  dest: './build/docs',
   modifyBundlerConfig
 }