How to typeguard the children of an Element in React

Question

I have two custom element classes:

class A extends ... { ... }
customElements.define("phi-a", A);
class B extends ... { ... }
customElements.define(