Misplacement of head content in nested .astro components rendered from content collection MDX.

[angelokeirsebilck]

What version of astro are you using?

2.0.10

Are you using an SSR adapter? If so, which one?

Vercel adapter but same problem in Node adapter

What package manager are you using?

yarn

What operating system are you using?

Mac

Describe the Bug

This repo uses vercel adapter but the same bug occurs when using node adapter.

Rendering nested .astro components misplaces the head links inside the body (right after where you import the nested component)

First component in .mdx: https://github.com/angelokeirsebilck/mdx-collection-vercel-head-misplacement/blob/main/src/content/blog/bug.mdx?plain=1#L10

nested astro component: https://github.com/angelokeirsebilck/mdx-collection-vercel-head-misplacement/blob/main/src/components/blocks/home/HomeBanner.astro#L14

Live example: https://mdx-collection-vercel-head-misplacement.vercel.app/blog/bug/

Link to Minimal Reproducible Example

https://github.com/angelokeirsebilck/mdx-collection-vercel-head-misplacement

Participation

• I am willing to submit a pull request for this issue.

[matthewp]

Fixed in #6214

[matthewp]

You can try this out with:

npm install astro@next--headbody

[angelokeirsebilck]

Can confirm that this works