fix:astro-mdx-component-rendering

.vscode/settings.json

@@ -6,7 +6,7 @@
     "editor.defaultFormatter": "biomejs.biome"
   },
   "[typescript]": {
-    "editor.defaultFormatter": "biomejs.biome"
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[javascriptreact]": {
     "editor.defaultFormatter": "biomejs.biome"

packages/integrations/mdx/src/server.ts

@@ -1,6 +1,7 @@
-import type { NamedSSRLoadedRendererValue } from 'astro';
-import { AstroError } from 'astro/errors';
 import { AstroJSX, jsx } from 'astro/jsx-runtime';
+
+import { AstroError } from 'astro/errors';
+import type { NamedSSRLoadedRendererValue } from 'astro';
 import { renderJSX } from 'astro/runtime/server/index.js';
 
 const slotName = (str: string) => str.trim().replace(/[-_]([a-z])/g, (_, w) => w.toUpperCase());
@@ -19,11 +20,14 @@ export async function check(
 		slots[name] = value;
 	}
 	try {
-		const result = await Component({ ...props, ...slots, children });
-		return result[AstroJSX];
-	} catch (e) {
+		const vnode = jsx(Component, { ...props, ...slots, children });
+
+		const rendered = await renderJSX(null, vnode);
+
+		return rendered[AstroJSX];
+	  } catch (e) {
 		throwEnhancedErrorIfMdxComponent(e as Error, Component);
-	}
+	  }
 	return false;
 }