From 9c58e342579fc95149e82e9a2f916618ef1d0299 Mon Sep 17 00:00:00 2001
From: Florian Uhde <floar@gmx.de>
Date: Wed, 9 Sep 2020 14:07:45 +0200
Subject: [PATCH] fix(gatsby-plugin-mdx): mdxrender should not accept
 components (#24271)

* Remove 'components' from MDXRenderer signature

Work for #21682

* Removed 'components' from MDXRenderer type

* removed components

* removed unneeded extra imports
---
 packages/gatsby-plugin-mdx/index.d.ts      | 3 ---
 packages/gatsby-plugin-mdx/mdx-renderer.js | 6 ++----
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/gatsby-plugin-mdx/index.d.ts b/packages/gatsby-plugin-mdx/index.d.ts
index c19fd70b304a9..4b85b501d9969 100644
--- a/packages/gatsby-plugin-mdx/index.d.ts
+++ b/packages/gatsby-plugin-mdx/index.d.ts
@@ -2,9 +2,6 @@ import * as React from "react"
 
 export interface MDXRendererProps {
   scope?: any
-  components?: {
-    [key: string]: React.ComponentType<any>
-  }
   children: string
   [propName: string]: any
 }
diff --git a/packages/gatsby-plugin-mdx/mdx-renderer.js b/packages/gatsby-plugin-mdx/mdx-renderer.js
index 281883677bdbe..7e94e1d0b7bb8 100644
--- a/packages/gatsby-plugin-mdx/mdx-renderer.js
+++ b/packages/gatsby-plugin-mdx/mdx-renderer.js
@@ -1,14 +1,12 @@
 const React = require(`react`)
-const { useMDXComponents, mdx } = require(`@mdx-js/react`)
+const { mdx } = require(`@mdx-js/react`)
 const { useMDXScope } = require(`./context`)
 
 module.exports = function MDXRenderer({
   scope,
-  components,
   children,
   ...props
 }) {
-  const mdxComponents = useMDXComponents(components)
   const mdxScope = useMDXScope(scope)
 
   // Memoize the compiled component
@@ -32,5 +30,5 @@ module.exports = function MDXRenderer({
     return fn({}, ...values)
   }, [children, scope])
 
-  return React.createElement(End, { components: mdxComponents, ...props })
+  return React.createElement(End, {...props })
 }