fix code blocks

Author: feedthejim

src/components/MDX/MDXComponents.tsx

@@ -461,10 +461,3 @@ export const MDXComponents = annotateMDXComponents({
   YouTubeIframe,
   ErrorDecoder,
 });
-
-// for (let key in MDXComponents) {
-//   if (MDXComponents.hasOwnProperty(key)) {
-//     const MDXComponent: any = (MDXComponents as any)[key];
-//     MDXComponent.mdxName = key;
-//   }
-// }

src/components/MDX/Sandpack/createFileMap.ts

@@ -13,20 +13,21 @@ export const createFileMap = (codeSnippets: any) => {
   return codeSnippets.reduce(
     (result: Record<string, SandpackFile>, codeSnippet: React.ReactElement) => {
       // TODO: actually fix this
-      // if (
-      //   (codeSnippet.type as any).mdxName !== 'pre' &&
-      //   codeSnippet.type !== 'pre'
-      // ) {
-      //   return result;
-      // }
       const {props} = (
         codeSnippet.props as PropsWithChildren<{
           children: ReactElement<
-            HTMLAttributes<HTMLDivElement> & {meta?: string}
+            HTMLAttributes<HTMLDivElement> & {
+              meta?: string;
+              'data-mdx-name'?: string;
+            }
           >;
         }>
       ).children;
 
+      if (props?.['data-mdx-name'] !== 'code') {
+        return result;
+      }
+
       let filePath; // path in the folder structure
       let fileHidden = false; // if the file is available as a tab
       let fileActive = false; // if the file tab is shown by default