How can I add React web components to a parent component dynamically?

Question

Let\'s say I have a bunch of React web components

const ComponentA = () => {
  return (
A
)
}
const ComponentB = () => {
  return (