fix(code-block): fix language-undefined in MDX CodeTabs (#768)

* fix: fix language-undefined in MDX CodeTabs * chore(code-block): add changeset
hashicorp · Oct 21, 2022 · bbb6233 · bbb6233
1 parent 9df3c87
commit bbb6233
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 13 deletions.
diff --git a/.changeset/itchy-flowers-whisper.md b/.changeset/itchy-flowers-whisper.md
@@ -0,0 +1,5 @@
+---
+'@hashicorp/react-code-block': patch
+---
+
+Fixes issue where code-tabs in MDX would render blocks with a language-undefined className, even if the className was in fact defined.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/code-block/partials/code-tabs/index.tsx b/packages/code-block/partials/code-tabs/index.tsx
@@ -152,10 +152,6 @@ function CodeTabs({
         {validChildren.map((tabChild, idx) => {
           const isActive = idx == activeTabIdx
           const clonedChild = React.cloneElement(tabChild, {
-            // Note: wipes any custom classNames on the tabChild.
-            // This is intentional, for example, it removes
-            // any margin set in MDX custom components
-            className: s.tabChild,
             hasBarAbove: true, // removes margin, and top border rounding, for better UI fit
             theme, // ensures theme of child code blocks in JSX matches tabs theme
           })