Почему не работают customElements?

Question

[Сергей Ержович]

Элемент который вставляется через setTimeout не работает как надо

<my-component>World</my-component>
<div is="my-component">World</div>

<div id="lol"></div>

<script>
  customElements.define(
    'my-component',
    class extends HTMLElement {
      constructor() {
        super()
        this.innerHTML = `Hello ${this.innerHTML}`
      }
    }
  );

  setTimeout(() => {
    document.querySelector('#lol').innerHTML = `<div is="my-component">LOL</div>`
  }, 1000)

</script>

В результате получается:
Hello World
Hello World
LOL

Comments

[StepsOnes]

<div is="my-component">World</div> у тебя вместо id стоит is))

[Сергей Ержович]

StepsOnes, ну так и надо

Глобальный атрибут is позволяет указать, что стандартный HTML-элемент должен вести себя как определённый пользовательский встроенный элемент