feat: update check in CodeTabs so it works with MDX v2 output (#435)

hashicorp · Nov 29, 2021 · e8d741e · e8d741e · vercel · Nov 29, 2021
1 parent 80e1b0b
commit e8d741e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/wicked-years-clean.md b/.changeset/wicked-years-clean.md
@@ -0,0 +1,5 @@
+---
+'@hashicorp/react-code-block': minor
+---
+
+Update CodeTabs to identify nodes rendered through MDX v2
diff --git a/packages/code-block/partials/code-tabs/index.js b/packages/code-block/partials/code-tabs/index.js
@@ -33,7 +33,13 @@ function CodeTabs({ children, heading, className, tabs, theme = 'dark' }) {
       type = tabChild.props.mdxType
     return type
   })
-  const validTypes = ['CodeBlock', 'CodeBlockConfig', 'pre']
+  const validTypes = [
+    'CodeBlock',
+    'CodeBlockConfig',
+    'pre',
+    'themedCodeBlockConfig',
+    'themedPre',
+  ]
   const unexpectedChildren = childTypes.filter((type) => {
     const isInvalidType = validTypes.indexOf(type) === -1
     return isInvalidType