perf: upgrade all packages to latest

BREAKING CHANGE: Upgrade all the packages including react to the latest version

Author: abolkog

.eslintignore

@@ -1,4 +1,2 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
+npm run test
 npm run pre-commit

.eslintrc.js

@@ -0,0 +1,3 @@
+{
+  "src/**/*.(ts|tsx)": ["eslint --fix", "prettier --write"]
+}

.husky/pre-commit

@@ -1,4 +1,6 @@
 {
   "singleQuote": true,
-  "arrowParens": "avoid"
+  "arrowParens": "avoid",
+  "tabWidth": 2,
+  "semi": true
 }

.lintstagedrc

@@ -10,15 +10,6 @@ module.exports = {
   entry: commonPaths.entryPath,
   module: {
     rules: [
-      // {
-      //   enforce: 'pre',
-      //   test: /\.(js|jsx)$/,
-      //   loader: 'eslint-loader',
-      //   exclude: /(node_modules)/,
-      //   options: {
-      //     emitWarning: process.env.NODE_ENV !== 'production',
-      //   },
-      // },
       {
         test: /\.tsx?$/,
         exclude: /(node_modules|\.webpack)/,

.prettierrc

@@ -4,10 +4,9 @@ module.exports = {
   mode: 'production',
   output: {
     globalObject: 'self',
-    filename: '[name].[hash].js',
+    filename: '[name].[fullhash].js',
     path: commonPaths.outputPath,
     chunkFilename: '[name].[chunkhash].js',
   },
-
   devtool: 'source-map',
 };

config/webpack.common.js

@@ -0,0 +1,43 @@
+import eslint from '@eslint/js';
+import tsESLint from 'typescript-eslint';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import eslintPluginReact from 'eslint-plugin-react';
+
+import globals from 'globals';
+
+export default [
+  eslint.configs.recommended,
+  ...tsESLint.configs.recommended,
+  eslintConfigPrettier,
+  eslintPluginReact.configs.flat.recommended,
+  eslintPluginReact.configs.flat['jsx-runtime'],
+  {
+    ignores: ['config'],
+  },
+  {
+    files: ['src/**/*.{ts,tsx}'],
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    plugins: {
+      react: eslintPluginReact,
+    },
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: {
+        ...globals.browser,
+      },
+    },
+    rules: {
+      'react/jsx-uses-react': 'error',
+      'react/jsx-uses-vars': 'error',
+      'react/prop-types': 'off',
+    },
+  },
+];

config/webpack.prod.js

@@ -1,4 +1,3 @@
-/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
@@ -12,7 +11,6 @@ module.exports = {
     '!src/components/App/tabs.ts',
     '!src/helpers/const.ts',
     '!src/helpers/global.ts',
-    '!src/reportWebVitals.ts',
   ],
   coverageThreshold: {
     global: {