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 })
 }