Неожиданный токен, ожидаемый "," при попытке использовать реагирующий рендеринг

Question

Код, который я использовал для работы, но после большого количества значительных обновлений пакетов я работал над некоторыми ошибками.Я застрял прямо сейчас:

renderDateTextField = (props: TextFieldProps) => {
    return (<TextField
      className={`${styles.datesContainer}  ${styles.textfield}`}
      onClick={props.onClick}
      value={props.value}
      {...props}
    />);
};

Вот сообщение об ошибке:

ERROR in ./src/components/Desk/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /var/www/FlaskApp/people-app-prod/static/src/components/Desk/index.js: Unexpected token, expected "," (604:32)

  602 |     };
  603 | 
> 604 |     renderDateTextField = (props: TextFieldProps) => {
      |                                 ^
  605 |         return (<TextField
  606 |           className={`${styles.datesContainer}  ${styles.textfield}`}
  607 |           onClick={props.onClick}

Я лично не настолько знаком с этим кодом / реагирую и являюсьНовый разработчик в этом проекте пытается обновить вещи.Непонятно, в чем здесь проблема и почему она запускается при сборке сейчас, но более старые версии пакетов не имели проблем.

Редактировать:

Ранее в Babel I использовалась предустановка es2015, теперь она изменена на @babel/preset-env, как предлагается на странице Babel, поскольку es2015 устарела: https://babeljs.io/docs/en/babel-preset-es2015.Мне интересно, связано ли это с проблемой.

Answer 1

Похоже, что этот код использует систему ввода Flow .Я бы проверил, правильно ли настроен поток.