update deps

web/features/.prettierrc

@@ -0,0 +1,7 @@
+{
+    "semi": true,
+    "tabWidth": 4,
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "printWidth": 100
+}

web/features/eslint.config.js

@@ -1,48 +1,61 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react/recommended',
-    'plugin:react-hooks/recommended',
-  ],
-  overrides: [
+import js from '@eslint/js';
+import ts from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+
+export default [
     {
-      env: {
-        node: true,
-      },
-      files: ['.eslintrc.{js,cjs}'],
-      parserOptions: {
-        sourceType: 'script',
-      },
+        ignores: [
+            '**/webpack.config.js',
+            '**/webpack.*.js',
+            '**/eslint.*.js',
+            '**/react-app-env.d.ts',
+            'dist/**',
+            'node_modules/**',
+        ]
     },
-  ],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  plugins: ['@typescript-eslint', 'react', 'react-hooks'],
-  rules: {
-    indent: [
-      'error',
-      4,
-      {
-        SwitchCase: 1,
-      },
-    ],
-    'linebreak-style': ['error', 'unix'],
-    quotes: ['error', 'single'],
-    semi: ['error', 'always'],
-    'react/jsx-uses-react': 'off',
-    'react/react-in-jsx-scope': 'off',
-  },
-  settings: {
-    react: {
-      version: 'detect',
+    js.configs.recommended,
+    {
+        files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
+        languageOptions: {
+            parser: tsParser,
+            parserOptions: {
+                ecmaVersion: 'latest',
+                sourceType: 'module',
+                ecmaFeatures: {
+                    jsx: true
+                }
+            },
+        },
+        plugins: {
+            '@typescript-eslint': ts,
+            react,
+            'react-hooks': reactHooks,
+        },
+        rules: {
+            ...ts.configs['recommended'].rules,
+            ...react.configs.recommended.rules,
+            'indent': ['error', 4, { 'SwitchCase': 1 }],
+            'quotes': ['error', 'single'],
+            'semi': ['error', 'always'],
+            'react/jsx-uses-react': 'off',
+            'react/react-in-jsx-scope': 'off',
+            'react-hooks/rules-of-hooks': 'error',
+            'react-hooks/exhaustive-deps': 'warn',
+            '@typescript-eslint/no-unused-vars': 'warn',
+            'no-undef': 'off',
+        },
+        settings: {
+            react: {
+                version: 'detect',
+            },
+        }
+    },
+    {
+        files: ['.eslintrc.{js,cjs}'],
+        languageOptions: {
+            sourceType: 'script',
+        }
     },
-  },
-};
+];

web/features/package.json

@@ -1,6 +1,7 @@
 {
     "name": "windows-rs.web.features",
     "version": "0.2.0",
+    "type": "module",
     "private": true,
     "homepage": ".",
     "dependencies": {
@@ -28,7 +29,7 @@
         "dotenv-webpack": "^8.1.0",
         "eslint": "^8.57.1",
         "eslint-plugin-react": "^7.37.2",
-        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-react-hooks": "^4.6.2",
         "eslint-webpack-plugin": "^4.2.0",
         "gh-pages": "^6.2.0",
         "html-webpack-plugin": "^5.6.3",

web/features/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "target": "ES2016",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": ["dom", "dom.iterable", "esnext", "webworker"],
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,