Component Literals в React

Вот один из способов заменить switch для отображения компонента в зависимости от типа:

function Component1() {
  return (
        <>Component1</>
  )
}

function Component2() {
  return (
        <>Component2</>
  )
}

function TestObjectLiterals() {
  const componentMap = {
    COMPONENT1: Component1,
    COMPONENT2: Component1,
  }

  const Component = componentMap['COMPONENT1'] // Тут используем внешнюю опцию для выбора
  // Например const Component = componentMap[props.type]

  return <Component />
}