test: enable lint rules for typescript and react

.eslintrc.yaml

@@ -1,10 +1,20 @@
+env:
+  browser: true
+  es2022: true
+  jest: true
+  node: true
 extends:
+  - eslint:recommended
+  - plugin:react/recommended
   - prettier
   - plugin:react-hooks/recommended
+  - plugin:jest/recommended
   - plugin:jest-dom/recommended
 parser: "@babel/eslint-parser"
 plugins:
   - "@babel"
+  - jest
+  - react
   - react-hooks
   - testing-library
 overrides:
@@ -13,9 +23,32 @@ overrides:
       - "**/?(*.)+(spec|test).[jt]s?(x)"
     extends:
       - "plugin:testing-library/react"
+  - files:
+      - "**/*.ts?(x)"
+    parser: "@typescript-eslint/parser"
+    parserOptions:
+        tsconfigRootDir: .
+        project: ['./tsconfig.json']
+    extends:
+      - eslint:recommended
+      - plugin:@typescript-eslint/eslint-recommended
+      - plugin:@typescript-eslint/recommended
+      - plugin:@typescript-eslint/recommended-requiring-type-checking
+    rules:
+      "@typescript-eslint/no-unused-vars":
+        - error
+        - varsIgnorePattern: "^_"
+          argsIgnorePattern: "^_"
+      # For compat with jest: https://typescript-eslint.io/rules/unbound-method/
+      "@typescript-eslint/unbound-method": "off"
+      "jest/unbound-method": "error"
 rules:
   quotes:
     - error
     - single
     - avoidEscape: true
       allowTemplateLiterals: true
+  indent: [error, 2]
+settings:
+  react:
+    version: detect

jest.config.js

@@ -10,13 +10,7 @@ module.exports = {
   testEnvironment: 'jsdom',
   globals: {
     'ts-jest': {
-      tsconfig: {
-        esModuleInterop: true,
-        jsx: 'react-jsx',
-        module: 'commonjs',
-        strict: true,
-        target: 'esnext',
-      }
+      tsconfig: './tsconfig.json'
     }
   }
 };