React Hook Form IE11での構文エラー対処法

React Hook Formを使用していると、IE11を起動すると構文エラーが発生します。

公式ドキュメントでIE11を使用する場合の対応方法が記載されています。

React Hook Formをimportする際に、下記のように変更するとエラー回避されます。

// 変更前
import { useForm } from "react-hook-form";

// 変更後
import { useForm } from 'react-hook-form/dist/react-hook-form.ie11'

webpackを使用している場合は、aliasにimportの設定を追加しておくことで、 変更前の記述のままで使用することができます。
参考: IE11 support ?

  resolve: {
    alias: {
      "react-hook-form": "react-hook-form/dist/react-hook-form.ie11"
    },
  },