How to use the @angular-react/core.registerElement function in @angular-react/core

constructor() {
    // Add any React elements to the registry (used by the renderer).
    registerElement('Pivot', () => Pivot);
    registerElement('PivotItem', () => PivotItem);
  }
}

constructor() {
    // Add any React elements to the registry (used by the renderer).
    registerElement('Slider', () => Slider);
  }
}

constructor() {
    // Add any React elements to the registry (used by the renderer).
    registerElement('Image', () => Image);
  }
}

constructor() {
    // Add any React elements to the registry (used by the renderer).
    registerElement('SpinButton', () => SpinButton);
  }
}

constructor() {
    // Add any React elements to the registry (used by the renderer).
    registerElement('Callout', () => Callout);
    registerElement('FocusTrapCallout', () => FocusTrapCallout);
  }
}

constructor() {
    // Add any React elements to the registry (used by the renderer).
    registerElement('ChoiceGroup', () => ChoiceGroup);
  }
}

constructor() {
    // Add any React elements to the registry (used by the renderer).
    registerElement('DefaultButton', () => DefaultButton);
    registerElement('ActionButton', () => ActionButton);
    registerElement('CommandBarButton', () => CommandBarButton);
    registerElement('CompoundButton', () => CompoundButton);
    registerElement('IconButton', () => IconButton);
    registerElement('MessageBarButton', () => MessageBarButton);
    registerElement('PrimaryButton', () => PrimaryButton);
  }

constructor() {
    // Add any React elements to the registry (used by the renderer).
    registerElement('Spinner', () => Spinner);
  }
}

constructor() {
    // Add any React elements to the registry (used by the renderer).
    registerElement('BasePicker', () => BasePicker);
  }
}

constructor() {
    // Add any React elements to the registry (used by the renderer).
    registerElement('MarqueeSelection', () => MarqueeSelection);
  }
}