Como resolver se refere a um valor, mas está sendo usado como um tipo aqui. Você quis dizer 'typeof DatePicker'?

Eu uso ReactJs com TypeScript e AntDesign e estou com problemas.

Eu tenho a função que retorna AntDesignComponent, mas erro de lançamento de typeScript.

'TextArea' se refere a um valor, mas está sendo usado como um tipo aqui. Você quis dizer 'typeof TextArea'? Ts (2749)

O lado esquerdo de uma operação aritmética deve ser do tipo 'qualquer', 'número', 'bigint' ou um tipo enum.ts (2362)

O lado esquerdo de uma operação aritmética deve ser do tipo 'qualquer', 'número', 'bigint' ou um tipo enum.ts (2362)

A conversão do tipo 'string' para o tipo 'Input' pode ser um erro porque nenhum dos tipos se sobrepõe suficientemente ao outro. Se isso foi intencional, converta a expressão em 'desconhecido' first.ts (2352)

export const getTypeFormElem = ({
  type = 'input',
  typeValue = 'text',
  ...props
}) => {
  if (type === 'textarea') return <TextArea value='123' { ...props } />;
  if (type === 'checkbox') return <Checkbox { ...props } />;
  if (type === 'date') return <DatePicker { ...props } />;
  return <Input type={ typeValue } {...props } />;
};

componentes de importação

função

Você pode explicar como resolver esse problema e o que eu faço de errado?