refactor: replace MDXProvider with custom MdxProvider and remove unus…

…ed mdx-components
Dougley · Feb 24, 2025 · 07cbe72 · 07cbe72
1 parent b70afa0
commit 07cbe72
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 17 deletions.
diff --git a/apps/web-new/app/components/mdx/MdxPage.tsx b/apps/web-new/app/components/mdx/MdxPage.tsx
@@ -10,11 +10,10 @@ import {
   TypographyStylesProvider,
 } from "@mantine/core";
 import { useWindowScroll } from "@mantine/hooks";
-import { MDXProvider } from "@mdx-js/react";
 import { IconArrowUp } from "@tabler/icons-react";
-import { useMDXComponents } from "mdx-components";
 import { ReactNode } from "react";
 import { TableOfContentsNav } from "~/components/mdx/TableOfContents/TableOfContents";
+import { MdxProvider } from "./MdxProvider";
 
 interface MdxPageProps {
   title: string;
@@ -45,9 +44,7 @@ export function MdxPage({
         <Divider my="lg" />
         <div id="mdx">
           <TypographyStylesProvider>
-            <MDXProvider components={useMDXComponents({})}>
-              {children}
-            </MDXProvider>
+            <MdxProvider>{children}</MdxProvider>
           </TypographyStylesProvider>
         </div>
         <Affix position={{ bottom: 20, right: 20 }}>

diff --git a/apps/web-new/mdx-components.tsx b/apps/web-new/mdx-components.tsx