diff --git a/sites/orgdocs/src/theme/MDXComponents/A.js b/sites/orgdocs/src/theme/MDXComponents/A.js
index 87486581535..38abe76e5a9 100644
--- a/sites/orgdocs/src/theme/MDXComponents/A.js
+++ b/sites/orgdocs/src/theme/MDXComponents/A.js
@@ -1,3 +1,4 @@
+import React from 'react'
 import Link from '@docusaurus/Link'
 export default function MDXA(props) {
   return <Link {...props} />
diff --git a/sites/orgdocs/src/theme/MDXComponents/Code.js b/sites/orgdocs/src/theme/MDXComponents/Code.js
index 1455e58591a..e7812288046 100644
--- a/sites/orgdocs/src/theme/MDXComponents/Code.js
+++ b/sites/orgdocs/src/theme/MDXComponents/Code.js
@@ -1,3 +1,4 @@
+import React from 'react'
 import CodeBlock from '@theme/CodeBlock'
 import CodeInline from '@theme/CodeInline'
 function shouldBeInline(props) {
diff --git a/sites/orgdocs/src/theme/MDXComponents/Details.js b/sites/orgdocs/src/theme/MDXComponents/Details.js
index 492254ec8f6..fbd70761e9c 100644
--- a/sites/orgdocs/src/theme/MDXComponents/Details.js
+++ b/sites/orgdocs/src/theme/MDXComponents/Details.js
@@ -1,3 +1,4 @@
+import React from 'react'
 import Details from '@theme/Details'
 export default function MDXDetails(props) {
   const items = React.Children.toArray(props.children)
diff --git a/sites/orgdocs/src/theme/MDXComponents/Heading.js b/sites/orgdocs/src/theme/MDXComponents/Heading.js
index de934270549..456ca7e20f5 100644
--- a/sites/orgdocs/src/theme/MDXComponents/Heading.js
+++ b/sites/orgdocs/src/theme/MDXComponents/Heading.js
@@ -1,3 +1,4 @@
+import React from 'react'
 import Heading from '@theme/Heading'
 export default function MDXHeading(props) {
   return <Heading {...props} />
diff --git a/sites/orgdocs/src/theme/MDXComponents/Img/index.js b/sites/orgdocs/src/theme/MDXComponents/Img/index.js
index 1dd4291236b..c6d51a885fa 100644
--- a/sites/orgdocs/src/theme/MDXComponents/Img/index.js
+++ b/sites/orgdocs/src/theme/MDXComponents/Img/index.js
@@ -1,3 +1,4 @@
+import React from 'react'
 import clsx from 'clsx'
 import styles from './styles.module.css'
 function transformImgClassName(className) {
diff --git a/sites/orgdocs/src/theme/MDXComponents/Li.js b/sites/orgdocs/src/theme/MDXComponents/Li.js
index 9ae83a22d8b..0274a751fb5 100644
--- a/sites/orgdocs/src/theme/MDXComponents/Li.js
+++ b/sites/orgdocs/src/theme/MDXComponents/Li.js
@@ -1,3 +1,4 @@
+import React from 'react'
 import useBrokenLinks from '@docusaurus/useBrokenLinks'
 export default function MDXLi(props) {
   // MDX Footnotes have ids such as <li id="user-content-fn-1-953011">
diff --git a/sites/orgdocs/src/theme/MDXComponents/Pre.js b/sites/orgdocs/src/theme/MDXComponents/Pre.js
index 352d8a3fd51..01fb8c590e1 100644
--- a/sites/orgdocs/src/theme/MDXComponents/Pre.js
+++ b/sites/orgdocs/src/theme/MDXComponents/Pre.js
@@ -1,3 +1,4 @@
+import React from 'react'
 export default function MDXPre(props) {
   // With MDX 2, this element is only used for fenced code blocks
   // It always receives a MDXComponents/Code as children
diff --git a/sites/orgdocs/src/theme/MDXComponents/Ul/index.js b/sites/orgdocs/src/theme/MDXComponents/Ul/index.js
index a60d94e7ab7..66bc3dec1ac 100644
--- a/sites/orgdocs/src/theme/MDXComponents/Ul/index.js
+++ b/sites/orgdocs/src/theme/MDXComponents/Ul/index.js
@@ -1,3 +1,4 @@
+import React from 'react'
 import clsx from 'clsx'
 import styles from './styles.module.css'
 function transformUlClassName(className) {
diff --git a/sites/orgdocs/src/theme/MDXComponents/youtube.mjs b/sites/orgdocs/src/theme/MDXComponents/youtube.mjs
index f8159fa94a0..c5ebad0de95 100644
--- a/sites/orgdocs/src/theme/MDXComponents/youtube.mjs
+++ b/sites/orgdocs/src/theme/MDXComponents/youtube.mjs
@@ -1,3 +1,4 @@
+import React from 'react'
 export const YouTube = (props) => (
   <iframe
     style={{ width: '100%', aspectRatio: '16/9' }}