fix(gatsby-theme-docz): fix mdx components theming from config

Replaces MDXProvider with ThemeProvider Allows customization of all mdx components from themeConfig #1309 https://theme-ui.com/mdx-components https://theme-ui.com/theme-spec
doczjs · Dec 11, 2019 · 3a9bdb7 · 3a9bdb7
1 parent 4802531
commit 3a9bdb7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/core/gatsby-theme-docz/src/base/Layout.js b/core/gatsby-theme-docz/src/base/Layout.js
@@ -16,11 +16,9 @@ const Route = ({ children, entry, ...defaultProps }) => {
   const props = { ...defaultProps, doc: entry }
   if (!entry) return <NotFound />
   return (
-    <MDXProvider components={components}>
-      <Wrapper doc={entry}>
-        <Layout {...props}>{children}</Layout>
-      </Wrapper>
-    </MDXProvider>
+    <Wrapper doc={entry}>
+      <Layout {...props}>{children}</Layout>
+    </Wrapper>
   )
 }
 

diff --git a/core/gatsby-theme-docz/src/index.js b/core/gatsby-theme-docz/src/index.js
@@ -9,7 +9,7 @@ import components from '~components'
 const Theme = ({ children }) => {
   const config = useConfig()
   return (
-    <ThemeProvider theme={config.themeConfig}>
+    <ThemeProvider theme={config.themeConfig} components={components}>
       <ComponentsProvider components={components}>
         <Styled.root>{children}</Styled.root>
       </ComponentsProvider>