michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Support Fragment in MDX files (#4136)

Browse source 
* fix: Fragment for MDX files

* Update core.ts

* fix: better type guard for `render`

Co-authored-by: Nate Moore <nate@astro.build>
This commit is contained in:
Nate Moore 2022-08-05 17:16:34 -05:00 committed by GitHub
parent c56a9227c7
commit 9afa4611cb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/strong-cars-wash.md Normal file
View file

@ -0,0 +1,5 @@
---
'astro': patch
---
Fix issue when using Fragment inside MDX

7
packages/astro/src/core/render/core.ts
View file

@ -10,7 +10,7 @@ import type {
} from '../../@types/astro';
import type { LogOptions } from '../logger/core.js';
import { renderPage } from '../../runtime/server/index.js';
import { renderPage, Fragment } from '../../runtime/server/index.js';
import { getParams } from '../routing/params.js';
import { createResult } from './result.js';
import { callGetStaticPaths, findPathItemByKey, RouteCache } from './route-cache.js';
@ -157,6 +157,11 @@ export async function render(opts: RenderOptions): Promise<Response> {
if (typeof (mod as any).components === 'object') {
Object.assign(pageProps, { components: (mod as any).components });
}
// HACK: expose `Fragment` for all MDX components
if (typeof mod.default === 'function' && mod.default.name.startsWith('MDX')) {
Object.assign(pageProps, { components: Object.assign((pageProps?.components as any) ?? {}, { Fragment }) });
}
return await renderPage(result, Component, pageProps, null, streaming);
}