chore: update eslint and prettier

Author: cchanxzy

.eslintrc.js

@@ -1,17 +1,36 @@
 module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2021: true,
+    jest: true,
+  },
   parser: '@typescript-eslint/parser', // Specifies the ESLint parser
-  extends: [
-    'plugin:@typescript-eslint/recommended',
-    'plugin:prettier/recommended',
-    'plugin:react/recommended',
-  ],
   parserOptions: {
-    ecmaVersion: 2018,
+    ecmaVersion: 'latest',
     sourceType: 'module',
     ecmaFeatures: {
       jsx: true,
     },
   },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'prettier',
+  ],
+  overrides: [
+    {
+      env: {
+        node: true,
+      },
+      files: ['commitlint.config.js', '.eslintrc.js'],
+      parserOptions: {
+        sourceType: 'script',
+      },
+    },
+  ],
   rules: {
     // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
   },
@@ -20,7 +39,5 @@ module.exports = {
       version: 'detect', // Tells eslint-plugin-react to automatically detect the version of React to use
     },
   },
-  env: {
-    jest: true,
-  },
+  ignorePatterns: ['dist'],
 };

package.json

@@ -16,7 +16,7 @@
     "test": "LANG=en_GB jest",
     "test-ci": "LANG=en_GB.UTF-8 cross-env NODE_ICU_DATA=node_modules/full-icu jest",
     "typecheck": "tsc && tsc --project tsconfig.test.json",
-    "lint": "eslint src --max-warnings=0",
+    "lint": "eslint ./ --max-warnings=0",
     "gh-predeploy": "parcel build src/examples/index.html --dist-dir demo/examples --public-url ./",
     "gh-deploy": "yarn gh-predeploy && gh-pages -d demo/examples",
     "ci": "yarn && yarn build",
@@ -65,18 +65,19 @@
     "@typescript-eslint/parser": "^6.16.0",
     "codecov": "^3.8.3",
     "cross-env": "^7.0.3",
-    "eslint": "^7.27.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.23.2",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.2",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "full-icu": "^1.3.4",
     "gh-pages": "^3.1.0",
     "husky": "^6.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^11.0.0",
     "parcel": "^2.0.0-rc.0",
-    "prettier": "^2.3.0",
+    "prettier": "^3.1.1",
     "process": "^0.11.10",
     "react": "^17.0.2",
     "react-dom": "17.0.2",

src/components/utils/escapeRegExp.ts

@@ -4,5 +4,5 @@
  * See: https://stackoverflow.com/questions/17885855/use-dynamic-variable-string-as-regex-pattern-in-javascript
  */
 export const escapeRegExp = (stringToGoIntoTheRegex: string): string => {
-  return stringToGoIntoTheRegex.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+  return stringToGoIntoTheRegex.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
 };