How to correctly configure webpack.config Linter?

Want to make a small template to build the project with Webpack. I want to try to use react hook, typescript. Config looks like this
const path = require("path");
const webpack = require("webpack");

module.exports = {
 entry: "./src/index",
 output: {
 path: path.resolve(__dirname, "public", "build"),
 filename: "bundle.js",
 publicPath: "/build/"
},

 resolve: {
 extensions: [".ts", ".tsx", ".js", ".json"]
},

 module: {
 rules: [
{
 test: /\.(ts|js)x?$/,
 exclude: /node_modules/,
 use: ["babel-loader"]
}
]
},

 devServer: {
 contentBase: path.join(__dirname, "public"),
 compress: true
 port: 9000,
 host: "0.0.0.0",
 historyApiFallback: true
}
};

.babelrc
{
 "presets": [
"@babel/env",
"@babel/typescript",
"@babel/react"
],
 "plugins": [
"@babel/proposal-class-properties",
"@babel/proposal-object-rest-spread"
]
}

.eslintrc
{
 "extends": [
"react-app",
"prettier"
],
 "rules": {
 "no-console": 2,
 "react-hooks/rules-of-hooks": "error",
 "react-hooks/exhaustive-deps": "warn",
},
 "parser": "@typescript-eslint/parser",
 "plugins": [
"react-hooks",
"prettier"
]
}

tsconfig.json
{
 "compilerOptions": {
 "allowSyntheticDefaultImports": true,
 "noFallthroughCasesInSwitch": true,
 "noUnusedParameters": true,
 "noImplicitReturns": true,
 "moduleResolution": "node",
 "esModuleInterop": true,
 "noUnusedLocals": true,
 "noImplicitAny": true,
 "target": "es2015",
 "module": "es2015",
 "strict": true,
 "jsx": "react"
},
 "include": ["src/**/*"],
 "exclude": ["node_modules"]
}

The problem is that errors in writing the code TS the project is going, and does not generate an error and not running the Linter with the TS. How to fix it? If you go through the tutorial https://www.typescriptlang.org/docs/handbook/react... in this case does not support hooks.
March 19th 20 at 09:20
0 answer

Find more questions by tags LinterWebpackReactTypeScriptJavaScript