Не удается прочитать свойство 'имя' из неопределенного в реакции?

Question

Я использую react final form с material UI. Когда я добавляю custom text field or material UI component Я получаю эту ошибку Невозможно прочитать свойство 'имя' из неопределенного

вот мой код https://codesandbox.io/s/happy-darkness-uzr2t

import React from "react";

export const TextField = props => {
  console.log(props);
  const {
    input,
    label,
    meta,
    required,
    placeholder,
    disabledInput,
    onKeyPress = () => {},
    onInputChange = () => {}
  } = props;
  const id = input.name;
  let { value, ...restProps } = props.input;

  return (
    <TextField error {...input} id={id} label={label} variant="outlined" />
  );
};

export default TextField;