Material UI 5 + formik

[PHDiniiz]

Rola de usar com eles?

[viniciusofp]

Com MUI rola sim. Só seguir a seguinte parte da documentação: https://mui.com/material-ui/react-text-field/#integration-with-3rd-party-input-libraries

Meu código ficou assim:

const TelefoneInputCustom = React.forwardRef<HTMLElement, CustomProps>(
  function TelefoneInputCustom(props, ref) {
    const { onChange, ...other } = props
    return (
      <TelefoneBrasileiroInput
        onChange={onChange}
        inputRef={ref}
        {...other}
        temDDD
        separaDDD
        placeholder="(XX) XXXXX-XXXX"
        overwrite
      />
    )
  }
)

<TextField
  label="Telefone (com DDD)"
  value={formData.phone}
  onChange={e =>
    setFormData({ ...formData, phone: e.target.value })
  }
  InputProps={{
    inputComponent: TelefoneInputCustom as any,
  }}
/>