npm run buildに失敗する(webpack)

前提

チャットアプリを開発しています。
使用しているものは以下になります。
・Node.js v14.17.0
・React.js v17.0.0
・Webpack v4.44.2
・Webpack-cli v4.7.2
・Firebase v8.10.0

実現したいこと

「npm run build」でビルドを行いたいのですが実行すると以下のエラーメッセージが表示されビルドができない状況になってしまっています。
このエラーを解決してビルドができるようにしたいです。

発生している問題・エラーメッセージ

 iMacBook-Air:my-app ***$ npm run build

> my-app@0.1.0 build /Users/***/Git/Portfolio/my-app
> webpack

[webpack-cli] Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.target should be one of these:
   "web" | "webworker" | "node" | "async-node" | "node-webkit" | "electron-main" | "electron-renderer" | "electron-preload" | function
   -> Environment to build for
   Details:
    * configuration.target should be one of these:
      "web" | "webworker" | "node" | "async-node" | "node-webkit" | "electron-main" | "electron-renderer" | "electron-preload"
    * configuration.target should be an instance of function
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! my-app@0.1.0 build: `webpack`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the my-app@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/***/.npm/_logs/2022-08-23T17_18_39_463Z-debug.log

該当のソースコード

webpack.config.jsのソースを載せます。

webpack.config.js
module.exports = {
    // モード値を production に設定すると最適化された状態で、
    // development に設定するとソースマップ有効でJSファイルが出力される
    mode: "development",

    // メインとなるJavaScriptファイル（エントリーポイント）
    entry: "./src/App.tsx",
    // ファイルの出力設定
    output: {
      //  出力ファイルのディレクトリ名
      path: `${__dirname}/build`,
      // 出力ファイル名
      filename: "main.js"
    },
    module: {
      rules: [
        {
          // 拡張子 .ts もしくは .tsx の場合
          test: /\.tsx?$/,
          // TypeScript をコンパイルする
          use: "ts-loader"
        }
      ]
    },
    // import 文で .ts や .tsx ファイルを解決するため
    resolve: {
      extensions: [".ts", ".tsx", ".js", ".json"]
    },
    target: ["web", "es5"],
  };

package.jsonのscripts部分を抜粋しています。

package.json
"scripts": {
    "start": "react-scripts start",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "build": "webpack",
    "watch": "webpack -w"
  },