diff --git a/package.json b/package.json
index 3b35fd8261..0dcc885f66 100644
--- a/package.json
+++ b/package.json
@@ -341,6 +341,7 @@
     "eslint-plugin-unused-imports": "^1.1.5",
     "file-loader": "^6.2.0",
     "flex.box": "^3.4.4",
+    "fork-ts-checker-webpack-plugin": "^5.2.1",
     "hoist-non-react-statics": "^3.3.2",
     "html-webpack-plugin": "^4.5.2",
     "include-media": "^1.4.9",
diff --git a/webpack.renderer.ts b/webpack.renderer.ts
index 88bbc6fa29..5ade45b6d3 100755
--- a/webpack.renderer.ts
+++ b/webpack.renderer.ts
@@ -25,6 +25,7 @@ import path from "path";
 import webpack from "webpack";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import ForkTsCheckerPlugin from "fork-ts-checker-webpack-plugin";
 import ProgressBarPlugin from "progress-bar-webpack-plugin";
 import ReactRefreshWebpackPlugin from "@pmmmwh/react-refresh-webpack-plugin";
 import MonacoWebpackPlugin from "monaco-editor-webpack-plugin";
@@ -147,6 +148,7 @@ export function webpackLensRenderer({ showVars = true } = {}): webpack.Configura
 
     plugins: [
       new ProgressBarPlugin(),
+      new ForkTsCheckerPlugin(),
 
       // see also: https://github.com/Microsoft/monaco-editor-webpack-plugin#options
       new MonacoWebpackPlugin({