fix release version 1.11.0

components/markdown/mdx-provider.tsx

@@ -1,17 +1,29 @@
 'use client';
 
-import { MDXProvider } from '@mdx-js/react';
-import { components } from './mdx-components';
+import { MDXRemote, MDXRemoteProps } from 'next-mdx-remote/rsc';
+import { Kbd } from './KeyboardMdx';
 
-// Create a properly typed components object
-const typedComponents = {
-  ...components,
-  // Add any default HTML elements you want to override
-  // or keep their default behavior
-  kbd: components.kbd as React.ComponentType<React.HTMLAttributes<HTMLElement>>,
-  Kbd: components.Kbd as React.ComponentType<React.HTMLAttributes<HTMLElement> & { type?: 'window' | 'mac' }>,
+// Define components mapping
+const components = {
+  // Keyboard components
+  Kbd: Kbd as React.ComponentType<React.HTMLAttributes<HTMLElement> & { type?: 'window' | 'mac' }>,
+  kbd: Kbd as React.ComponentType<React.HTMLAttributes<HTMLElement> & { type?: 'window' | 'mac' }>,
 };
 
-export function MDXProviderWrapper({ children }: { children: React.ReactNode }) {
-  return <MDXProvider components={typedComponents}>{children}</MDXProvider>;
+interface MDXProviderWrapperProps {
+  source: string;
+}
+
+export function MDXProviderWrapper({ source }: MDXProviderWrapperProps) {
+  return (
+    <div className="prose dark:prose-invert max-w-none">
+      <MDXRemote
+        source={source}
+        components={components}
+        options={{
+          parseFrontmatter: true,
+        }}
+      />
+    </div>
+  );
 }