How StencilJS processes web component lists

I found a strange bug in the representation of a web component list in a StencilJS project the other day. This post covers the reasons of the bug and how I solved it. This is how my initial web component looked like: @Component({ tag: 'app-website', styleUrl: 'app-website.scss' }) export class AppWebsite { @Prop() data: IWebsiteStatus; @State() isHealthy: boolean = false; async componentWillLoad() { this.isHealthy = this.data.healthy; } render() { return [ <div> ...

Submit