node.js - 反応レンダリングを使用しようとすると、予期しないトークン、予期される「、」

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、es2015が廃止されたため、これはbabelページで提案されているように変更されました: https://babeljs.io/docs/en/babel-preset-es2015 . これが問題に関連しているかどうか疑問に思っています。