Lit nested components results in error

[RogierdeRuijter]

What version of astro are you using?

2.1.8

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

None

What package manager are you using?

npm

What operating system are you using?

Mac

What browser are you using?

Chrome

Describe the Bug

When rendering 2 lit components inside of each other an error is thrown: elementRenderers is not iterable.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/node-x8wcke?file=index.js

Participation

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

[augustjk]

I think the issue is this line

astro/packages/integrations/lit/server.js

Line 62 in 4cc1bf6

const shadowContents = instance.renderShadow({});

Providing an empty object for the render info option there so it's not able to handle nested custom elements without any element renderers to handle. I can work on a fix for this.