diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index ad50ecb1ac..0000000000
--- a/.eslintignore
+++ /dev/null
@@ -1,22 +0,0 @@
-node_modules
-build
-src/stream-emoji.json
-/.cache/
-/public/static/styles.js
-examples/*/src/serviceWorker.js
-scripts/
-/dist/
-/lib/
-/bin/
-/include/
-/build/
-dist
-*dist*
-/src/styles/vendor/
-*.md
-babel.i18next-extract.js
-/coverage
-types/index.d.ts
-src/components/Channel/types.ts
-src/@types/*
-docusaurus/
diff --git a/.eslintrc.json b/.eslintrc.json
deleted file mode 100644
index f491712911..0000000000
--- a/.eslintrc.json
+++ /dev/null
@@ -1,230 +0,0 @@
-{
-  "root": true,
-  "plugins": [
-    "babel",
-    "jest-dom",
-    "jest",
-    "prettier",
-    "react-hooks",
-    "import",
-    "sort-destructure-keys"
-  ],
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:prettier/recommended",
-    "plugin:jest/all",
-    "plugin:jest-dom/recommended"
-  ],
-  // Next.js example comes with its own ESLint setup
-  "ignorePatterns": "examples/nextjs",
-  "rules": {
-    "array-callback-return": 2,
-    "arrow-body-style": 2,
-    "comma-dangle": 0,
-    "babel/no-invalid-this": 2,
-    "default-case": 2,
-    "eqeqeq": [2, "smart"],
-    "jest/expect-expect": 0,
-    "jest/no-conditional-expect": 0,
-    "jsx-quotes": ["error", "prefer-single"],
-    "linebreak-style": [2, "unix"],
-    "no-console": 0,
-    "no-mixed-spaces-and-tabs": 1,
-    "no-self-compare": 2,
-    "no-underscore-dangle": [2, { "allowAfterThis": true }],
-    "no-unused-vars": [1, { "ignoreRestSiblings": true }],
-    "no-use-before-define": 0, // can throw incorrect errors due to mismatch of @typescript-eslint versions in react-scripts and local package.json
-    "@typescript-eslint/no-use-before-define": 0,
-    "no-useless-concat": 2,
-    "no-var": 2,
-    "object-shorthand": 1,
-    "prefer-const": 1,
-    "react/jsx-sort-props": [
-      "error",
-      {
-        "callbacksLast": false,
-        "ignoreCase": true,
-        "noSortAlphabetically": false,
-        "reservedFirst": false,
-        "shorthandFirst": false,
-        "shorthandLast": false
-      }
-    ],
-    "react/prop-types": 0,
-    "require-await": 2,
-    "semi": [1, "always"],
-    "sort-destructure-keys/sort-destructure-keys": [2, { "caseSensitive": false }],
-    "sort-imports": [
-      "error",
-      {
-        "allowSeparatedGroups": true,
-        "ignoreCase": true,
-        "ignoreDeclarationSort": true,
-        "ignoreMemberSort": false,
-        "memberSyntaxSortOrder": ["none", "all", "multiple", "single"]
-      }
-    ],
-    "sort-keys": ["error", "asc", { "caseSensitive": false, "minKeys": 2, "natural": false }],
-    "valid-typeof": 2,
-    "import/prefer-default-export": 0,
-    "import/extensions": [0],
-    "import/no-extraneous-dependencies": [
-      "error",
-      {
-        "devDependencies": true, // TODO: set to false once React is in the dependencies (not devDependencies)
-        "optionalDependencies": false,
-        "peerDependencies": false
-      }
-    ],
-    "max-classes-per-file": 0,
-    "camelcase": 0,
-    "react-hooks/rules-of-hooks": 1,
-    "react-hooks/exhaustive-deps": 1,
-    "jest/prefer-inline-snapshots": 0,
-    "jest/lowercase-name": 0,
-    "jest/prefer-expect-assertions": 0,
-    "jest/no-hooks": 0,
-    "no-unused-expressions": "off",
-    "babel/no-unused-expressions": "error",
-    "jest/no-if": "off"
-  },
-  "env": {
-    "es6": true,
-    "browser": true
-  },
-  "parser": "babel-eslint",
-  "parserOptions": {
-    // "allowImportExportEverywhere": true,
-    "sourceType": "module",
-    "ecmaVersion": 2018,
-    "ecmaFeatures": {
-      "modules": true
-    }
-  },
-  "settings": {
-    "react": {
-      "pragma": "React",
-      "version": "detect"
-    },
-    "import/resolver": {
-      "alias": {
-        "map": [["mock-builders", "./src/mock-builders"]],
-        "extensions": [".js", ".jsx", ".ts", ".tsx"]
-      },
-      "eslint-import-resolver-babel-module": {},
-      "node": {
-        "extensions": [".js", ".jsx", ".ts", ".tsx"],
-        "paths": ["src"]
-      }
-    }
-  },
-  "overrides": [
-    {
-      "files": ["*.md"],
-      "rules": {
-        "react/jsx-no-undef": 0,
-        "react/react-in-jsx-scope": 0,
-        "semi": 0,
-        "no-undef": 0
-      }
-    },
-    {
-      "env": {
-        "es6": true,
-        "browser": true
-      },
-      "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:jest/recommended",
-        "plugin:prettier/recommended",
-        "plugin:react/recommended",
-        "prettier/@typescript-eslint"
-      ],
-      "files": ["**/*.ts", "**/*.tsx"],
-      "parser": "@typescript-eslint/parser",
-      "parserOptions": {
-        "ecmaFeatures": {
-          "modules": true,
-          "jsx": true
-        },
-        "ecmaVersion": 2018,
-        "sourceType": "module"
-      },
-      "plugins": [
-        "@typescript-eslint",
-        "babel",
-        "prettier",
-        "react",
-        "typescript-sort-keys",
-        "sort-destructure-keys"
-      ],
-      "rules": {
-        "@typescript-eslint/explicit-module-boundary-types": 0,
-        "@typescript-eslint/no-empty-interface": 0,
-        "@typescript-eslint/ban-ts-comment": 0,
-        "@typescript-eslint/no-unused-vars": [1, { "ignoreRestSiblings": true }],
-        "@typescript-eslint/no-var-requires": 0,
-        "react-hooks/exhaustive-deps": 1,
-        "react-native/no-inline-styles": 0,
-        "array-callback-return": 2,
-        "arrow-body-style": 2,
-        "comma-dangle": 0,
-        "babel/no-invalid-this": 0,
-        "@typescript-eslint/no-invalid-this": 2,
-        "default-case": 2,
-        "eqeqeq": [2, "smart"],
-        "linebreak-style": [2, "unix"],
-        "jsx-quotes": ["error", "prefer-single"],
-        "no-console": 0,
-        "no-mixed-spaces-and-tabs": 1,
-        "no-self-compare": 2,
-        "no-shadow": 0,
-        "no-underscore-dangle": [2, { "allowAfterThis": true }],
-        "no-unused-vars": [1, { "ignoreRestSiblings": true }],
-        "no-useless-concat": 2,
-        "no-var": 2,
-        "object-shorthand": 1,
-        "prefer-const": 1,
-        "react/jsx-sort-props": [
-          "error",
-          {
-            "callbacksLast": false,
-            "ignoreCase": true,
-            "noSortAlphabetically": false,
-            "reservedFirst": false,
-            "shorthandFirst": false,
-            "shorthandLast": false
-          }
-        ],
-        "react/prop-types": 0,
-        "require-await": 2,
-        "semi": [1, "always"],
-        "sort-destructure-keys/sort-destructure-keys": [2, { "caseSensitive": false }],
-        "sort-imports": [
-          "error",
-          {
-            "allowSeparatedGroups": true,
-            "ignoreCase": true,
-            "ignoreDeclarationSort": true,
-            "ignoreMemberSort": false,
-            "memberSyntaxSortOrder": ["none", "all", "multiple", "single"]
-          }
-        ],
-        "sort-keys": ["error", "asc", { "caseSensitive": false, "minKeys": 2, "natural": false }],
-        "typescript-sort-keys/interface": [
-          "error",
-          "asc",
-          { "caseSensitive": false, "natural": true, "requiredFirst": true }
-        ],
-        "typescript-sort-keys/string-enum": [
-          "error",
-          "asc",
-          { "caseSensitive": false, "natural": true }
-        ],
-        "valid-typeof": 2
-      }
-    }
-  ]
-}
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 68051d6de3..42c9e1dd98 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -27,7 +27,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: [16, 18]
+        node: [lts/*]
     name: Test with Node ${{ matrix.node }}
     steps:
       - uses: actions/checkout@v3
diff --git a/.prettierrc b/.prettierrc
index 753a6e9d36..6a673bad73 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,7 +1,7 @@
 {
   "arrowParens": "always",
   "jsxSingleQuote": true,
-  "printWidth": 100,
+  "printWidth": 90,
   "singleQuote": true,
   "tabWidth": 2,
   "trailingComma": "all"
diff --git a/e2e/fixtures/data/attachment.mjs b/e2e/fixtures/data/attachment.mjs
index 5e468d85f7..f89dbaa540 100644
--- a/e2e/fixtures/data/attachment.mjs
+++ b/e2e/fixtures/data/attachment.mjs
@@ -1,4 +1,4 @@
-/* eslint-disable sort-keys */
+ 
 const smallImageAttachment = [
   {
     type: 'image',
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000000..80c0b1af9f
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,136 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import importPlugin from 'eslint-plugin-import';
+import sortDestructureKeysPlugin from 'eslint-plugin-sort-destructure-keys';
+import reactPlugin from 'eslint-plugin-react';
+import jestPlugin from 'eslint-plugin-jest';
+import jestDOMPlugin from 'eslint-plugin-jest-dom';
+
+export default tseslint.config(
+  {
+    ignores: ['dist', 'src/@types', '*.{js,ts}'],
+  },
+  {
+    name: 'default',
+    extends: [
+      js.configs.recommended,
+      ...tseslint.configs.recommended,
+      reactPlugin.configs.flat.recommended,
+    ],
+    files: ['src/**/*.{js,ts,jsx,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooksPlugin,
+      import: importPlugin,
+      'sort-destructure-keys': sortDestructureKeysPlugin,
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      camelcase: 'off',
+      semi: ['warn', 'always'],
+      eqeqeq: ['error', 'smart'],
+      'array-callback-return': 'error',
+      'arrow-body-style': 'error',
+      'comma-dangle': 'off',
+      'default-case': 'error',
+      'jsx-quotes': ['error', 'prefer-single'],
+      'linebreak-style': ['error', 'unix'],
+      'no-console': 'off',
+      'no-mixed-spaces-and-tabs': 'warn',
+      'no-self-compare': 'error',
+      'no-underscore-dangle': ['error', { allowAfterThis: true }],
+      'no-use-before-define': 'off',
+      'no-useless-concat': 'error',
+      'no-var': 'error',
+      'no-script-url': 'error',
+      'no-continue': 'off',
+      'object-shorthand': 'warn',
+      'prefer-const': 'warn',
+      'require-await': 'error',
+      'sort-destructure-keys/sort-destructure-keys': ['error', { caseSensitive: false }],
+      'sort-imports': [
+        'error',
+        {
+          allowSeparatedGroups: true,
+          ignoreCase: true,
+          ignoreDeclarationSort: true,
+          ignoreMemberSort: false,
+          memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
+        },
+      ],
+      'sort-keys': ['error', 'asc', { caseSensitive: false, minKeys: 2, natural: false }],
+      'valid-typeof': 'error',
+      'max-classes-per-file': 'off',
+      'no-unused-expressions': 'off',
+      'import/prefer-default-export': 'off',
+      'import/extensions': 'off',
+      'import/no-extraneous-dependencies': [
+        'error',
+        {
+          devDependencies: true, // TODO: set to false once React is in the dependencies (not devDependencies)
+          optionalDependencies: false,
+          peerDependencies: false,
+        },
+      ],
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'warn',
+        { ignoreRestSiblings: false, caughtErrors: 'none' },
+      ],
+      '@typescript-eslint/no-unsafe-function-type': 'error',
+      '@typescript-eslint/no-wrapper-object-types': 'error',
+      '@typescript-eslint/no-non-null-assertion': 'error',
+      'no-empty-function': 'off',
+      '@typescript-eslint/no-empty-function': 'warn',
+      '@typescript-eslint/no-require-imports': 'off', // TODO: remove this rule once all files are .mjs (and require is not used)
+      'react/prop-types': 'off',
+      'react/react-in-jsx-scope': 'off',
+      'react/display-name': 'warn',
+      'react/jsx-sort-props': [
+        'error',
+        {
+          callbacksLast: false,
+          ignoreCase: true,
+          noSortAlphabetically: false,
+          reservedFirst: false,
+          shorthandFirst: false,
+          shorthandLast: false,
+        },
+      ],
+      'react-hooks/rules-of-hooks': 'warn',
+      'react-hooks/exhaustive-deps': 'error',
+    },
+  },
+  {
+    name: 'jest',
+    files: ['src/**/__tests__/**'],
+    // extends: [jestDOMPlugin.configs['flat/recommended']],
+    plugins: { jest: jestPlugin, 'jest-dom': jestDOMPlugin },
+    languageOptions: {
+      globals: jestPlugin.environments.globals.globals,
+    },
+    rules: {
+      'jest/expect-expect': 'off',
+      'jest/no-conditional-expect': 'off',
+      'jest/prefer-inline-snapshots': 'off',
+      'jest/lowercase-name': 'off',
+      'jest/prefer-expect-assertions': 'off',
+      'jest/no-hooks': 'off',
+      'jest/no-if': 'off',
+      'jest/prefer-spy-on': 'warn',
+      'jest-dom/prefer-in-document': 'warn',
+      'jest-dom/prefer-to-have-class': 'warn',
+      '@typescript-eslint/no-empty-function': 'off', // explicitly disable for tests
+    },
+  },
+);
diff --git a/examples/nextjs/pages/_app.js b/examples/nextjs/pages/_app.jsx
similarity index 100%
rename from examples/nextjs/pages/_app.js
rename to examples/nextjs/pages/_app.jsx
diff --git a/examples/nextjs/pages/index.js b/examples/nextjs/pages/index.jsx
similarity index 100%
rename from examples/nextjs/pages/index.js
rename to examples/nextjs/pages/index.jsx
diff --git a/examples/vite/tsconfig.json b/examples/vite/tsconfig.json
index 0042a24a1c..c4431280c3 100644
--- a/examples/vite/tsconfig.json
+++ b/examples/vite/tsconfig.json
@@ -12,9 +12,9 @@
     "noEmit": true,
     "jsx": "react-jsx",
     "allowImportingTsExtensions": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
diff --git a/package.json b/package.json
index 9d8e13a6b9..af1a77c06f 100644
--- a/package.json
+++ b/package.json
@@ -181,6 +181,7 @@
     "@commitlint/config-conventional": "^18.4.3",
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
+    "@eslint/js": "^9.16.0",
     "@ladle/react": "^0.16.0",
     "@playwright/test": "^1.42.1",
     "@semantic-release/changelog": "^6.0.2",
@@ -188,6 +189,7 @@
     "@semantic-release/git": "^10.0.1",
     "@stream-io/rollup-plugin-node-builtins": "^2.1.5",
     "@stream-io/stream-chat-css": "^5.6.0",
+    "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/deep-equal": "^1.0.1",
@@ -208,10 +210,7 @@
     "@types/textarea-caret": "3.0.0",
     "@types/use-sync-external-store": "^0.0.6",
     "@types/uuid": "^8.3.0",
-    "@typescript-eslint/eslint-plugin": "5.62.0",
-    "@typescript-eslint/parser": "5.62.0",
     "autoprefixer": "^10.0.3",
-    "babel-eslint": "^10.1.0",
     "babel-jest": "^28.1.3",
     "babel-plugin-module-resolver": "^4.1.0",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
@@ -223,27 +222,14 @@
     "emoji-mart": "^5.5.2",
     "esbuild": "^0.23.1",
     "esbuild-plugin-replace": "^1.4.0",
-    "eslint": "7.14.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-config-react-app": "^6.0.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-import-resolver-babel-module": "^5.2.0",
-    "eslint-plugin-babel": "^5.3.1",
-    "eslint-plugin-flowtype": "^5.2.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jest": "^24.1.3",
-    "eslint-plugin-jest-dom": "^3.3.0",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.21.5",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-sort-destructure-keys": "1.3.5",
-    "eslint-plugin-sort-keys-fix": "^1.1.2",
-    "eslint-plugin-testing-library": "^6.2.0",
-    "eslint-plugin-typescript-sort-keys": "^2.1.0",
+    "eslint": "^9.16.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-jest-dom": "^5.5.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-sort-destructure-keys": "^2.0.0",
+    "globals": "^15.13.0",
     "husky": "^8.0.3",
     "i18next-parser": "^6.0.0",
     "jest": "^29.7.0",
@@ -252,24 +238,26 @@
     "jsdom": "^24.1.1",
     "lint-staged": "^15.2.1",
     "moment-timezone": "^0.5.43",
-    "prettier": "^2.2.0",
+    "prettier": "^3.4.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "semantic-release": "^19.0.5",
     "stream-chat": "^8.50.0",
     "ts-jest": "^29.2.5",
-    "typescript": "^5.4.5"
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^8.17.0"
   },
   "scripts": {
     "build": "rm -rf dist && yarn build-translations && yarn bundle",
     "bundle": "concurrently ./scripts/bundle-esm.mjs ./scripts/copy-css.sh scripts/bundle-cjs.mjs",
     "build-translations": "i18next",
     "coverage": "jest --collectCoverage && codecov",
-    "eslint": "eslint '**/*.{js,md,ts,jsx,tsx}' --max-warnings 0",
-    "lint": "prettier --list-different 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json .prettierrc babel.config.js && eslint 'src/**/*.{js,ts,tsx,md}' --max-warnings 0 && yarn validate-translations",
-    "lint-fix": "prettier --write 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json .prettierrc babel.config.js && eslint --fix 'src/**/*.{js,ts,tsx,md}' --max-warnings 0",
-    "prettier": "prettier --list-different '**/*.{js,ts,tsx,md,json}' .eslintrc.json .prettierrc babel.config.js",
-    "prettier-fix": "prettier --write '**/*.{js,ts,tsx,md,json}' .eslintrc.json .prettierrc babel.config.js",
+    "lint": "yarn prettier --list-different && yarn eslint && yarn validate-translations",
+    "lint-fix": "yarn prettier-fix && yarn eslint-fix",
+    "eslint": "eslint --max-warnings 0",
+    "eslint-fix": "eslint --fix",
+    "prettier": "prettier 'src/**/*.{js,ts,jsx,tsx,md,json}' .prettierrc babel.config.js eslint.config.mjs",
+    "prettier-fix": "yarn prettier --write",
     "fix-staged": "lint-staged --config .lintstagedrc.fix.json --concurrent 1",
     "start": "tsc --watch --sourceMap --declarationMap",
     "prepare": "husky install",
diff --git a/scripts/bundle-cjs.mjs b/scripts/bundle-cjs.mjs
index 0faaa24322..0a037ca22e 100755
--- a/scripts/bundle-cjs.mjs
+++ b/scripts/bundle-cjs.mjs
@@ -4,7 +4,8 @@ import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import * as esbuild from 'esbuild';
 import { replace } from 'esbuild-plugin-replace';
-import getPackageVersion from "./getPackageVersion.mjs";
+import getPackageVersion from './getPackageVersion.mjs';
+import packageJson from '../package.json' with { type: 'json' };
 
 // import.meta.dirname is not available before Node 20
 const __dirname = dirname(fileURLToPath(import.meta.url));
@@ -25,12 +26,9 @@ const bundledDeps = [
   'remark-gfm',
 ];
 
-const packageJson = await import(resolve(__dirname, '../package.json'), {
-  assert: { type: 'json' },
-});
 const deps = Object.keys({
-  ...packageJson.default.dependencies,
-  ...packageJson.default.peerDependencies,
+  ...packageJson.dependencies,
+  ...packageJson.peerDependencies,
 });
 const external = deps.filter((dep) => !bundledDeps.includes(dep));
 
@@ -46,7 +44,6 @@ const cjsBundleConfig = {
   sourcemap: 'linked',
 };
 
-
 // We build two CJS bundles: for browser and for node. The latter one can be
 // used e.g. during SSR (although it makes little sence to SSR chat, but still
 // nice for import not to break on server).
@@ -56,9 +53,9 @@ const bundles = ['browser', 'node'].map((platform) =>
     entryNames: `[dir]/[name].${platform}`,
     platform,
     plugins: [
-        replace({
-          '__STREAM_CHAT_REACT_VERSION__': getPackageVersion(),
-        }),
+      replace({
+        __STREAM_CHAT_REACT_VERSION__: getPackageVersion(),
+      }),
     ],
   }),
 );
diff --git a/scripts/getPackageVersion.mjs b/scripts/getPackageVersion.mjs
index 56df46af9f..f424d70c99 100644
--- a/scripts/getPackageVersion.mjs
+++ b/scripts/getPackageVersion.mjs
@@ -1,13 +1,5 @@
 import { execSync } from 'node:child_process';
-import { dirname, resolve } from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-// import.meta.dirname is not available before Node 20
-const __dirname = dirname(fileURLToPath(import.meta.url));
-
-const packageJson = await import(resolve(__dirname, '../package.json'), {
-  assert: { type: 'json' },
-});
+import packageJson from '../package.json' with { type: 'json' };
 
 // Get the latest version so that magic string __STREAM_CHAT_REACT_VERSION__ can be replaced with it in the source code (used for reporting purposes)
 export default function getPackageVersion() {
@@ -23,7 +15,7 @@ export default function getPackageVersion() {
     } catch (error) {
       console.error(error);
       console.warn('Could not get latest version from git tags, falling back to package.json');
-      version = packageJson.default.version;
+      version = packageJson.version;
     }
   }
   console.log(`Determined the build package version to be ${version}`);
diff --git a/src/components/AIStateIndicator/AIStateIndicator.tsx b/src/components/AIStateIndicator/AIStateIndicator.tsx
index 2bbe572f1b..977bd240a0 100644
--- a/src/components/AIStateIndicator/AIStateIndicator.tsx
+++ b/src/components/AIStateIndicator/AIStateIndicator.tsx
@@ -8,20 +8,19 @@ import { useChannelStateContext, useTranslationContext } from '../../context';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type AIStateIndicatorProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   channel?: Channel<StreamChatGenerics>;
 };
 
 export const AIStateIndicator = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   channel: channelFromProps,
 }: AIStateIndicatorProps<StreamChatGenerics>) => {
   const { t } = useTranslationContext();
-  const { channel: channelFromContext } = useChannelStateContext<StreamChatGenerics>(
-    'AIStateIndicator',
-  );
+  const { channel: channelFromContext } =
+    useChannelStateContext<StreamChatGenerics>('AIStateIndicator');
   const channel = channelFromProps || channelFromContext;
   const { aiState } = useAIState(channel);
   const allowedStates = {
diff --git a/src/components/AIStateIndicator/hooks/useAIState.ts b/src/components/AIStateIndicator/hooks/useAIState.ts
index 54e955a6f5..33d744fda8 100644
--- a/src/components/AIStateIndicator/hooks/useAIState.ts
+++ b/src/components/AIStateIndicator/hooks/useAIState.ts
@@ -18,7 +18,7 @@ export const AIStates = {
  * @returns {{ aiState: AIState }} The current AI state for the given channel.
  */
 export const useAIState = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   channel?: Channel<StreamChatGenerics>,
 ): { aiState: AIState } => {
diff --git a/src/components/Attachment/Attachment.tsx b/src/components/Attachment/Attachment.tsx
index f1c32c43a8..93e70adcc7 100644
--- a/src/components/Attachment/Attachment.tsx
+++ b/src/components/Attachment/Attachment.tsx
@@ -55,7 +55,7 @@ export const ATTACHMENT_GROUPS_ORDER = [
 ] as const;
 
 export type AttachmentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** The message attachments to render, see [attachment structure](https://getstream.io/chat/docs/javascript/message_format/?language=javascript) **/
   attachments: StreamAttachment<StreamChatGenerics>[];
@@ -87,14 +87,17 @@ export type AttachmentProps<
  * A component used for rendering message attachments. By default, the component supports: AttachmentActions, Audio, Card, File, Gallery, Image, and Video
  */
 export const Attachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: AttachmentProps<StreamChatGenerics>,
 ) => {
   const { attachments } = props;
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const groupedAttachments = useMemo(() => renderGroupedAttachments(props), [attachments]);
+  const groupedAttachments = useMemo(
+    () => renderGroupedAttachments(props),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [attachments],
+  );
 
   return (
     <div className='str-chat__attachment-list'>
@@ -107,13 +110,13 @@ export const Attachment = <
 };
 
 const renderGroupedAttachments = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachments,
   ...rest
 }: AttachmentProps<StreamChatGenerics>): GroupedRenderedAttachment => {
-  const uploadedImages: StreamAttachment<StreamChatGenerics>[] = attachments.filter((attachment) =>
-    isUploadedImage(attachment),
+  const uploadedImages: StreamAttachment<StreamChatGenerics>[] = attachments.filter(
+    (attachment) => isUploadedImage(attachment),
   );
 
   const containers = attachments
@@ -169,7 +172,7 @@ const renderGroupedAttachments = <
 };
 
 const getAttachmentType = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: AttachmentProps<StreamChatGenerics>['attachments'][number],
 ): keyof typeof CONTAINER_MAP => {
diff --git a/src/components/Attachment/AttachmentActions.tsx b/src/components/Attachment/AttachmentActions.tsx
index 72fef69829..ec323edfb0 100644
--- a/src/components/Attachment/AttachmentActions.tsx
+++ b/src/components/Attachment/AttachmentActions.tsx
@@ -7,7 +7,7 @@ import type { ActionHandlerReturnType } from '../Message/hooks/useActionHandler'
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type AttachmentActionsProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Attachment<StreamChatGenerics> & {
   /** A list of actions */
   actions: Action[];
@@ -20,7 +20,7 @@ export type AttachmentActionsProps<
 };
 
 const UnMemoizedAttachmentActions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: AttachmentActionsProps<StreamChatGenerics>,
 ) => {
diff --git a/src/components/Attachment/AttachmentContainer.tsx b/src/components/Attachment/AttachmentContainer.tsx
index 94e73d179a..cb003a4236 100644
--- a/src/components/Attachment/AttachmentContainer.tsx
+++ b/src/components/Attachment/AttachmentContainer.tsx
@@ -30,13 +30,13 @@ import type {
 import type { Attachment } from 'stream-chat';
 
 export type AttachmentContainerProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   attachment: Attachment<StreamChatGenerics> | GalleryAttachment<StreamChatGenerics>;
   componentType: AttachmentComponentType;
 };
 export const AttachmentWithinContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   children,
@@ -50,8 +50,8 @@ export const AttachmentWithinContainer = <
       componentType === 'card' && !attachment?.image_url && !attachment?.thumb_url
         ? 'no-image'
         : attachment?.actions?.length
-        ? 'actions'
-        : '';
+          ? 'actions'
+          : '';
   }
 
   const classNames = clsx(
@@ -59,7 +59,8 @@ export const AttachmentWithinContainer = <
     {
       [`str-chat__message-attachment--${componentType}`]: componentType,
       [`str-chat__message-attachment--${attachment?.type}`]: attachment?.type,
-      [`str-chat__message-attachment--${componentType}--${extra}`]: componentType && extra,
+      [`str-chat__message-attachment--${componentType}--${extra}`]:
+        componentType && extra,
       'str-chat__message-attachment--svg-image': isSvgAttachment(attachment),
       'str-chat__message-attachment-with-actions': extra === 'actions',
     },
@@ -69,7 +70,7 @@ export const AttachmentWithinContainer = <
 };
 
 export const AttachmentActionsContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   actionHandler,
   attachment,
@@ -108,7 +109,7 @@ function getCssDimensionsVariables(url: string) {
 }
 
 export const GalleryContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   Gallery = DefaultGallery,
@@ -150,7 +151,7 @@ export const GalleryContainer = <
 };
 
 export const ImageContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: RenderAttachmentProps<StreamChatGenerics>,
 ) => {
@@ -194,7 +195,7 @@ export const ImageContainer = <
 };
 
 export const CardContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: RenderAttachmentProps<StreamChatGenerics>,
 ) => {
@@ -220,7 +221,7 @@ export const CardContainer = <
 };
 
 export const FileContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   File = DefaultFile,
@@ -234,7 +235,7 @@ export const FileContainer = <
   );
 };
 export const AudioContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   Audio = DefaultAudio,
@@ -247,11 +248,11 @@ export const AudioContainer = <
 );
 
 export const VoiceRecordingContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
-  VoiceRecording = DefaultVoiceRecording,
   isQuoted,
+  VoiceRecording = DefaultVoiceRecording,
 }: RenderAttachmentProps<StreamChatGenerics>) => (
   <AttachmentWithinContainer attachment={attachment} componentType='voiceRecording'>
     <div className='str-chat__attachment'>
@@ -261,18 +262,17 @@ export const VoiceRecordingContainer = <
 );
 
 export const MediaContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: RenderAttachmentProps<StreamChatGenerics>,
 ) => {
   const { attachment, Media = ReactPlayer } = props;
   const componentType = 'media';
-  const { shouldGenerateVideoThumbnail, videoAttachmentSizeHandler } = useChannelStateContext();
+  const { shouldGenerateVideoThumbnail, videoAttachmentSizeHandler } =
+    useChannelStateContext();
   const videoElement = useRef<HTMLDivElement>(null);
-  const [
-    attachmentConfiguration,
-    setAttachmentConfiguration,
-  ] = useState<VideoAttachmentConfiguration>();
+  const [attachmentConfiguration, setAttachmentConfiguration] =
+    useState<VideoAttachmentConfiguration>();
 
   useLayoutEffect(() => {
     if (videoElement.current && videoAttachmentSizeHandler) {
@@ -319,7 +319,7 @@ export const MediaContainer = <
 };
 
 export const UnsupportedAttachmentContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   UnsupportedAttachment = DefaultUnsupportedAttachment,
diff --git a/src/components/Attachment/Audio.tsx b/src/components/Attachment/Audio.tsx
index baff2d7ef6..c9b76a1000 100644
--- a/src/components/Attachment/Audio.tsx
+++ b/src/components/Attachment/Audio.tsx
@@ -8,14 +8,14 @@ import { useAudioController } from './hooks/useAudioController';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type AudioProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   // fixme: rename og to attachment
   og: Attachment<StreamChatGenerics>;
 };
 
 const UnMemoizedAudio = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: AudioProps<StreamChatGenerics>,
 ) => {
diff --git a/src/components/Attachment/Card.tsx b/src/components/Attachment/Card.tsx
index 93d7e39aaa..b69605593a 100644
--- a/src/components/Attachment/Card.tsx
+++ b/src/components/Attachment/Card.tsx
@@ -41,8 +41,14 @@ const UnableToRenderCard = ({ type }: { type?: CardProps['type'] }) => {
   );
 };
 
-const SourceLink = ({ author_name, url }: Pick<CardProps, 'author_name'> & { url: string }) => (
-  <div className='str-chat__message-attachment-card--source-link' data-testid='card-source-link'>
+const SourceLink = ({
+  author_name,
+  url,
+}: Pick<CardProps, 'author_name'> & { url: string }) => (
+  <div
+    className='str-chat__message-attachment-card--source-link'
+    data-testid='card-source-link'
+  >
     <SafeAnchor
       className='str-chat__message-attachment-card--url'
       href={url}
@@ -68,7 +74,13 @@ const CardHeader = (props: CardHeaderProps) => {
   let visual = null;
   if (asset_url && type === 'video') {
     visual = (
-      <ReactPlayer className='react-player' controls height='100%' url={asset_url} width='100%' />
+      <ReactPlayer
+        className='react-player'
+        controls
+        height='100%'
+        url={asset_url}
+        width='100%'
+      />
     );
   } else if (image) {
     visual = (
@@ -104,7 +116,9 @@ const CardContent = (props: CardContentProps) => {
       ) : (
         <div className='str-chat__message-attachment-card--flex'>
           {url && <SourceLink author_name={author_name} url={url} />}
-          {title && <div className='str-chat__message-attachment-card--title'>{title}</div>}
+          {title && (
+            <div className='str-chat__message-attachment-card--title'>{title}</div>
+          )}
           {text && <div className='str-chat__message-attachment-card--text'>{text}</div>}
         </div>
       )}
@@ -139,9 +153,13 @@ export const CardAudio = ({
       )}
       <div className='str-chat__message-attachment-audio-widget--second-row'>
         {url && <SourceLink author_name={author_name} url={url} />}
-        {title && <div className='str-chat__message-attachment-audio-widget--title'>{title}</div>}
+        {title && (
+          <div className='str-chat__message-attachment-audio-widget--title'>{title}</div>
+        )}
         {text && (
-          <div className='str-chat__message-attachment-audio-widget--description'>{text}</div>
+          <div className='str-chat__message-attachment-audio-widget--description'>
+            {text}
+          </div>
         )}
       </div>
     </div>
@@ -158,7 +176,8 @@ const UnMemoizedCard = (props: CardProps) => {
   const dimensions: { height?: string; width?: string } = {};
 
   if (type === 'giphy' && typeof giphy !== 'undefined') {
-    const giphyVersion = giphy[giphyVersionName as keyof NonNullable<Attachment['giphy']>];
+    const giphyVersion =
+      giphy[giphyVersionName as keyof NonNullable<Attachment['giphy']>];
     image = giphyVersion.url;
     dimensions.height = giphyVersion.height;
     dimensions.width = giphyVersion.width;
@@ -169,7 +188,9 @@ const UnMemoizedCard = (props: CardProps) => {
   }
 
   return (
-    <div className={`str-chat__message-attachment-card str-chat__message-attachment-card--${type}`}>
+    <div
+      className={`str-chat__message-attachment-card str-chat__message-attachment-card--${type}`}
+    >
       <CardHeader {...props} dimensions={dimensions} image={image} />
       <CardContent {...props} />
     </div>
diff --git a/src/components/Attachment/FileAttachment.tsx b/src/components/Attachment/FileAttachment.tsx
index 0e66e74a73..7380e11af8 100644
--- a/src/components/Attachment/FileAttachment.tsx
+++ b/src/components/Attachment/FileAttachment.tsx
@@ -7,13 +7,13 @@ import { DownloadButton, FileSizeIndicator } from './components';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type FileAttachmentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   attachment: Attachment<StreamChatGenerics>;
 };
 
 const UnMemoizedFileAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
 }: FileAttachmentProps<StreamChatGenerics>) => (
@@ -21,7 +21,10 @@ const UnMemoizedFileAttachment = <
     <FileIcon className='str-chat__file-icon' mimeType={attachment.mime_type} />
     <div className='str-chat__message-attachment-file--item-text'>
       <div className='str-chat__message-attachment-file--item-first-row'>
-        <div className='str-chat__message-attachment-file--item-name' data-testid='file-title'>
+        <div
+          className='str-chat__message-attachment-file--item-name'
+          data-testid='file-title'
+        >
           {attachment.title}
         </div>
         <DownloadButton assetUrl={attachment.asset_url} />
diff --git a/src/components/Attachment/UnsupportedAttachment.tsx b/src/components/Attachment/UnsupportedAttachment.tsx
index e738ec8fed..eb81a2beca 100644
--- a/src/components/Attachment/UnsupportedAttachment.tsx
+++ b/src/components/Attachment/UnsupportedAttachment.tsx
@@ -5,19 +5,22 @@ import type { Attachment } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type UnsupportedAttachmentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   attachment: Attachment<StreamChatGenerics>;
 };
 
 export const UnsupportedAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
 }: UnsupportedAttachmentProps<StreamChatGenerics>) => {
   const { t } = useTranslationContext('UnsupportedAttachment');
   return (
-    <div className='str-chat__message-attachment-unsupported' data-testid='attachment-unsupported'>
+    <div
+      className='str-chat__message-attachment-unsupported'
+      data-testid='attachment-unsupported'
+    >
       <FileIcon className='str-chat__file-icon' />
       <div className='str-chat__message-attachment-unsupported__metadata'>
         <div
diff --git a/src/components/Attachment/VoiceRecording.tsx b/src/components/Attachment/VoiceRecording.tsx
index 2b1d62fe6a..fa26879713 100644
--- a/src/components/Attachment/VoiceRecording.tsx
+++ b/src/components/Attachment/VoiceRecording.tsx
@@ -1,7 +1,12 @@
 import React from 'react';
 import type { Attachment } from 'stream-chat';
 
-import { FileSizeIndicator, PlaybackRateButton, PlayButton, WaveProgressBar } from './components';
+import {
+  FileSizeIndicator,
+  PlaybackRateButton,
+  PlayButton,
+  WaveProgressBar,
+} from './components';
 import { useAudioController } from './hooks/useAudioController';
 import { displayDuration } from './utils';
 import { FileIcon } from '../ReactFileUtilities';
@@ -12,13 +17,16 @@ import type { DefaultStreamChatGenerics } from '../../types';
 const rootClassName = 'str-chat__message-attachment__voice-recording-widget';
 
 export type VoiceRecordingPlayerProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<VoiceRecordingProps<StreamChatGenerics>, 'attachment'> & {
   /** An array of fractional numeric values of playback speed to override the defaults (1.0, 1.5, 2.0) */
   playbackRates?: number[];
 };
 
-export const VoiceRecordingPlayer = ({ attachment, playbackRates }: VoiceRecordingPlayerProps) => {
+export const VoiceRecordingPlayer = ({
+  attachment,
+  playbackRates,
+}: VoiceRecordingPlayerProps) => {
   const { t } = useTranslationContext('VoiceRecordingPlayer');
   const {
     asset_url,
@@ -66,10 +74,17 @@ export const VoiceRecordingPlayer = ({ attachment, playbackRates }: VoiceRecordi
             {attachment.duration ? (
               displayDuration(displayedDuration)
             ) : (
-              <FileSizeIndicator fileSize={attachment.file_size} maximumFractionDigits={0} />
+              <FileSizeIndicator
+                fileSize={attachment.file_size}
+                maximumFractionDigits={0}
+              />
             )}
           </div>
-          <WaveProgressBar progress={progress} seek={seek} waveformData={waveform_data || []} />
+          <WaveProgressBar
+            progress={progress}
+            seek={seek}
+            waveformData={waveform_data || []}
+          />
         </div>
       </div>
       <div className='str-chat__message-attachment__voice-recording-widget__right-section'>
@@ -86,7 +101,7 @@ export const VoiceRecordingPlayer = ({ attachment, playbackRates }: VoiceRecordi
 };
 
 export type QuotedVoiceRecordingProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<VoiceRecordingProps<StreamChatGenerics>, 'attachment'>;
 
 export const QuotedVoiceRecording = ({ attachment }: QuotedVoiceRecordingProps) => {
@@ -109,7 +124,10 @@ export const QuotedVoiceRecording = ({ attachment }: QuotedVoiceRecordingProps)
             {attachment.duration ? (
               displayDuration(attachment.duration)
             ) : (
-              <FileSizeIndicator fileSize={attachment.file_size} maximumFractionDigits={0} />
+              <FileSizeIndicator
+                fileSize={attachment.file_size}
+                maximumFractionDigits={0}
+              />
             )}
           </div>
         </div>
@@ -120,7 +138,7 @@ export const QuotedVoiceRecording = ({ attachment }: QuotedVoiceRecordingProps)
 };
 
 export type VoiceRecordingProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** The attachment object from the message's attachment list. */
   attachment: Attachment<StreamChatGenerics>;
diff --git a/src/components/Attachment/__tests__/Attachment.test.js b/src/components/Attachment/__tests__/Attachment.test.js
index ee24ee0148..29a289bc9b 100644
--- a/src/components/Attachment/__tests__/Attachment.test.js
+++ b/src/components/Attachment/__tests__/Attachment.test.js
@@ -28,7 +28,9 @@ const Media = (props) => <div data-testid='media-attachment'>{props.customTestId
 const AttachmentActions = () => <div data-testid='attachment-actions'></div>;
 const Image = (props) => <div data-testid='image-attachment'>{props.customTestId}</div>;
 const File = (props) => <div data-testid='file-attachment'>{props.customTestId}</div>;
-const Gallery = (props) => <div data-testid='gallery-attachment'>{props.customTestId}</div>;
+const Gallery = (props) => (
+  <div data-testid='gallery-attachment'>{props.customTestId}</div>
+);
 
 const ATTACHMENTS = {
   scraped: {
@@ -102,12 +104,15 @@ describe('attachment', () => {
       ${cases.file.attachments}    | ${cases.file.case}    | ${cases.file.renderedComponent}    | ${cases.file.testId}
       ${cases.gallery.attachments} | ${cases.gallery.case} | ${cases.gallery.renderedComponent} | ${cases.gallery.testId}
       ${cases.image.attachments}   | ${cases.image.case}   | ${cases.image.renderedComponent}   | ${cases.image.testId}
-    `('should  render $renderedComponent component for $case', async ({ attachments, testId }) => {
-      renderComponent({ attachments });
-      await waitFor(() => {
-        expect(screen.getByTestId(testId)).toBeInTheDocument();
-      });
-    });
+    `(
+      'should  render $renderedComponent component for $case',
+      async ({ attachments, testId }) => {
+        renderComponent({ attachments });
+        await waitFor(() => {
+          expect(screen.getByTestId(testId)).toBeInTheDocument();
+        });
+      },
+    );
 
     it.each(SUPPORTED_VIDEO_FORMATS.map((f) => [f]))(
       'should render Media component for video of %s mime-type attachment',
@@ -213,7 +218,6 @@ describe('attachment', () => {
         ],
       });
       await waitFor(() => {
-        /* eslint-disable jest-dom/prefer-in-document */
         const Card = queryAllByTestId('card-attachment');
 
         expect(Card).toHaveLength(3);
diff --git a/src/components/Attachment/__tests__/AttachmentActions.test.js b/src/components/Attachment/__tests__/AttachmentActions.test.js
index 9fb11d6fc5..d3074d2e0e 100644
--- a/src/components/Attachment/__tests__/AttachmentActions.test.js
+++ b/src/components/Attachment/__tests__/AttachmentActions.test.js
@@ -48,7 +48,6 @@ describe('AttachmentActions', () => {
     fireEvent.click(getByTestId(actions[1].name));
 
     await waitFor(() => {
-      // eslint-disable-next-line jest/prefer-called-with
       expect(actionHandler).toHaveBeenCalledTimes(2);
     });
   });
diff --git a/src/components/Attachment/__tests__/Audio.test.js b/src/components/Attachment/__tests__/Audio.test.js
index ff53883253..b88b201091 100644
--- a/src/components/Attachment/__tests__/Audio.test.js
+++ b/src/components/Attachment/__tests__/Audio.test.js
@@ -15,7 +15,7 @@ const originalConsoleError = console.error;
 jest.spyOn(console, 'error').mockImplementationOnce((...errorOrTextorArg) => {
   const msg = Array.isArray(errorOrTextorArg)
     ? errorOrTextorArg[0]
-    : errorOrTextorArg.message ?? errorOrTextorArg;
+    : (errorOrTextorArg.message ?? errorOrTextorArg);
   if (msg.match('Not implemented')) return;
   originalConsoleError(...errorOrTextorArg);
 });
@@ -70,7 +70,9 @@ describe('Audio', () => {
       .spyOn(HTMLDivElement.prototype, 'getBoundingClientRect')
       .mockImplementationOnce(() => ({ width: 120, x: 0 }));
 
-    jest.spyOn(HTMLAudioElement.prototype, 'currentTime', 'set').mockImplementationOnce(() => {});
+    jest
+      .spyOn(HTMLAudioElement.prototype, 'currentTime', 'set')
+      .mockImplementationOnce(() => {});
     jest.spyOn(HTMLAudioElement.prototype, 'duration', 'get').mockReturnValue(120);
 
     act(() => {
@@ -171,7 +173,10 @@ describe('Audio', () => {
     jest.advanceTimersByTime(2000);
     await waitFor(() => {
       expect(audioPauseMock).toHaveBeenCalledWith();
-      expect(addNotificationSpy).toHaveBeenCalledWith('Failed to play the recording', 'error');
+      expect(addNotificationSpy).toHaveBeenCalledWith(
+        'Failed to play the recording',
+        'error',
+      );
     });
 
     jest.useRealTimers();
@@ -185,8 +190,12 @@ describe('Audio', () => {
       og: AUDIO,
     });
     const audio = container.querySelector('audio');
-    const audioPlayMock = jest.spyOn(audio, 'play').mockRejectedValueOnce(new Error(errorText));
-    const audioCanPlayTypeMock = jest.spyOn(audio, 'canPlayType').mockReturnValue('maybe');
+    const audioPlayMock = jest
+      .spyOn(audio, 'play')
+      .mockRejectedValueOnce(new Error(errorText));
+    const audioCanPlayTypeMock = jest
+      .spyOn(audio, 'canPlayType')
+      .mockReturnValue('maybe');
 
     expect(await playButton()).toBeInTheDocument();
     expect(await pauseButton()).not.toBeInTheDocument();
@@ -230,8 +239,12 @@ describe('Audio', () => {
   it('should show the correct progress', async () => {
     const { container } = renderComponent({ og: AUDIO });
 
-    jest.spyOn(HTMLAudioElement.prototype, 'duration', 'get').mockImplementationOnce(() => 100);
-    jest.spyOn(HTMLAudioElement.prototype, 'currentTime', 'get').mockImplementationOnce(() => 50);
+    jest
+      .spyOn(HTMLAudioElement.prototype, 'duration', 'get')
+      .mockImplementationOnce(() => 100);
+    jest
+      .spyOn(HTMLAudioElement.prototype, 'currentTime', 'get')
+      .mockImplementationOnce(() => 50);
     const audioElement = container.querySelector('audio');
     fireEvent.timeUpdate(audioElement);
 
diff --git a/src/components/Attachment/__tests__/Card.test.js b/src/components/Attachment/__tests__/Card.test.js
index 826f0a87d7..5582dd599f 100644
--- a/src/components/Attachment/__tests__/Card.test.js
+++ b/src/components/Attachment/__tests__/Card.test.js
@@ -142,7 +142,8 @@ describe('Card', () => {
             thumb_url: undefined,
           },
           props: 'asset and neither og image URL is available',
-          render: 'content part with title and text only and without the header part of the Card',
+          render:
+            'content part with title and text only and without the header part of the Card',
         },
       );
     } else if (type === 'video') {
diff --git a/src/components/Attachment/__tests__/VoiceRecording.test.js b/src/components/Attachment/__tests__/VoiceRecording.test.js
index ac77046427..fb145257f5 100644
--- a/src/components/Attachment/__tests__/VoiceRecording.test.js
+++ b/src/components/Attachment/__tests__/VoiceRecording.test.js
@@ -16,7 +16,9 @@ const attachment = generateVoiceRecordingAttachment();
 
 window.ResizeObserver = ResizeObserverMock;
 
-jest.spyOn(HTMLDivElement.prototype, 'getBoundingClientRect').mockReturnValue({ width: 120 });
+jest
+  .spyOn(HTMLDivElement.prototype, 'getBoundingClientRect')
+  .mockReturnValue({ width: 120 });
 
 const clickPlay = async () => {
   await act(async () => {
@@ -57,7 +59,9 @@ describe('VoiceRecordingPlayer', () => {
   afterAll(jest.restoreAllMocks);
 
   it('should not render the component if asset_url is missing', () => {
-    const { container } = renderComponent({ attachment: { ...attachment, asset_url: undefined } });
+    const { container } = renderComponent({
+      attachment: { ...attachment, asset_url: undefined },
+    });
     expect(container).toBeEmptyDOMElement();
   });
   it('should render title if present', () => {
@@ -65,7 +69,9 @@ describe('VoiceRecordingPlayer', () => {
     expect(getByTestId('voice-recording-title')).toHaveTextContent(attachment.title);
   });
   it('should render fallback title if attachment title not present', () => {
-    const { getByTestId } = renderComponent({ attachment: { ...attachment, title: undefined } });
+    const { getByTestId } = renderComponent({
+      attachment: { ...attachment, title: undefined },
+    });
     expect(getByTestId('voice-recording-title')).toHaveTextContent(FALLBACK_TITLE);
   });
 
@@ -129,8 +135,12 @@ describe('VoiceRecordingPlayer', () => {
   it('should show the correct progress', async () => {
     const { container } = renderComponent({ attachment });
 
-    jest.spyOn(HTMLAudioElement.prototype, 'duration', 'get').mockImplementationOnce(() => 100);
-    jest.spyOn(HTMLAudioElement.prototype, 'currentTime', 'get').mockImplementationOnce(() => 50);
+    jest
+      .spyOn(HTMLAudioElement.prototype, 'duration', 'get')
+      .mockImplementationOnce(() => 100);
+    jest
+      .spyOn(HTMLAudioElement.prototype, 'currentTime', 'get')
+      .mockImplementationOnce(() => 50);
     const audioElement = container.querySelector('audio');
     fireEvent.timeUpdate(audioElement);
 
diff --git a/src/components/Attachment/__tests__/WaveProgressBar.test.js b/src/components/Attachment/__tests__/WaveProgressBar.test.js
index 91be6ab093..85dcc78af3 100644
--- a/src/components/Attachment/__tests__/WaveProgressBar.test.js
+++ b/src/components/Attachment/__tests__/WaveProgressBar.test.js
@@ -28,21 +28,28 @@ describe('WaveProgressBar', () => {
 
   it('is not rendered if no space available', () => {
     getBoundingClientRect.mockReturnValueOnce({ width: 0 });
-    render(<WaveProgressBar amplitudesCount={5} seek={jest.fn()} waveformData={originalSample} />);
+    render(
+      <WaveProgressBar
+        amplitudesCount={5}
+        seek={jest.fn()}
+        waveformData={originalSample}
+      />,
+    );
     expect(screen.queryByTestId(BAR_ROOT_TEST_ID)).not.toBeInTheDocument();
   });
 
   it('renders with default number of bars', () => {
     render(<WaveProgressBar seek={jest.fn()} waveformData={originalSample} />);
     const root = screen.getByTestId(BAR_ROOT_TEST_ID);
-    expect(root.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-gap-width')).toBe(
-      '1px',
-    );
+    expect(
+      root.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-gap-width'),
+    ).toBe('1px');
     const bars = screen.getAllByTestId(AMPLITUDE_BAR_TEST_ID);
     expect(
       bars.every(
         (b) =>
-          b.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-width') === '2px',
+          b.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-width') ===
+          '2px',
       ),
     ).toBeTruthy();
     expect(screen.getAllByTestId(AMPLITUDE_BAR_TEST_ID)).toHaveLength(40);
@@ -58,14 +65,15 @@ describe('WaveProgressBar', () => {
       />,
     );
     const root = screen.getByTestId(BAR_ROOT_TEST_ID);
-    expect(root.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-gap-width')).toBe(
-      '5px',
-    );
+    expect(
+      root.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-gap-width'),
+    ).toBe('5px');
     const bars = screen.getAllByTestId(AMPLITUDE_BAR_TEST_ID);
     expect(
       bars.every(
         (b) =>
-          b.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-width') === '3px',
+          b.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-width') ===
+          '3px',
       ),
     ).toBeTruthy();
     expect(bars).toHaveLength(15);
@@ -80,14 +88,15 @@ describe('WaveProgressBar', () => {
       activeObserver.cb([{ contentRect: { width: 21 } }]);
     });
     const root = screen.getByTestId(BAR_ROOT_TEST_ID);
-    expect(root.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-gap-width')).toBe(
-      '1px',
-    );
+    expect(
+      root.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-gap-width'),
+    ).toBe('1px');
     const bars = screen.getAllByTestId(AMPLITUDE_BAR_TEST_ID);
     expect(
       bars.every(
         (b) =>
-          b.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-width') === '2px',
+          b.style.getPropertyValue('--str-chat__voice-recording-amplitude-bar-width') ===
+          '2px',
       ),
     ).toBeTruthy();
     expect(screen.getAllByTestId(AMPLITUDE_BAR_TEST_ID)).toHaveLength(7);
@@ -102,7 +111,11 @@ describe('WaveProgressBar', () => {
 
   it('is rendered with zero progress by default if waveform data is available', () => {
     const { container } = render(
-      <WaveProgressBar amplitudesCount={5} seek={jest.fn()} waveformData={originalSample} />,
+      <WaveProgressBar
+        amplitudesCount={5}
+        seek={jest.fn()}
+        waveformData={originalSample}
+      />,
     );
     expect(container).toMatchSnapshot();
     expect(screen.getByTestId(PROGRESS_INDICATOR_TEST_ID)).toBeInTheDocument();
diff --git a/src/components/Attachment/__tests__/audioSampling.test.js b/src/components/Attachment/__tests__/audioSampling.test.js
index f018ad5a0d..8d677f6899 100644
--- a/src/components/Attachment/__tests__/audioSampling.test.js
+++ b/src/components/Attachment/__tests__/audioSampling.test.js
@@ -15,7 +15,9 @@ describe('amplitude sampling', () => {
     });
 
     it('should return original values if the original sample size equals the target', () => {
-      expect(upSample(originalSample, originalSample.length)).toHaveLength(originalSample.length);
+      expect(upSample(originalSample, originalSample.length)).toHaveLength(
+        originalSample.length,
+      );
     });
 
     it('should fill each bucket to reach the target sample size', () => {
@@ -35,7 +37,9 @@ describe('amplitude sampling', () => {
     });
 
     it('should return original values if the original sample size equals the target', () => {
-      expect(downSample(originalSample, originalSample.length)).toHaveLength(originalSample.length);
+      expect(downSample(originalSample, originalSample.length)).toHaveLength(
+        originalSample.length,
+      );
     });
 
     it('should return a mean of original values if the target output size is 1', () => {
diff --git a/src/components/Attachment/attachment-sizing.tsx b/src/components/Attachment/attachment-sizing.tsx
index 440961d6f6..2806d67e89 100644
--- a/src/components/Attachment/attachment-sizing.tsx
+++ b/src/components/Attachment/attachment-sizing.tsx
@@ -1,7 +1,10 @@
 import type { Attachment } from 'stream-chat';
 import * as linkify from 'linkifyjs';
 
-export const getImageAttachmentConfiguration = (attachment: Attachment, element: HTMLElement) => {
+export const getImageAttachmentConfiguration = (
+  attachment: Attachment,
+  element: HTMLElement,
+) => {
   let newUrl = undefined;
 
   const urlToTest = attachment.image_url || attachment.thumb_url || '';
@@ -60,7 +63,10 @@ const getSizingRestrictions = (url: URL, htmlElement: HTMLElement) => {
   const cssSizeRestriction = getCSSSizeRestrictions(htmlElement);
   let resizeDimensions: { height: number; width: number } | undefined;
 
-  if ((cssSizeRestriction.maxHeight || cssSizeRestriction.height) && cssSizeRestriction.maxWidth) {
+  if (
+    (cssSizeRestriction.maxHeight || cssSizeRestriction.height) &&
+    cssSizeRestriction.maxWidth
+  ) {
     resizeDimensions = getResizeDimensions(
       originalHeight,
       originalWidth,
@@ -87,7 +93,9 @@ const getResizeDimensions = (
 
 const getCSSSizeRestrictions = (htmlElement: HTMLElement) => {
   const computedStylesheet = getComputedStyle(htmlElement);
-  const height = getValueRepresentationOfCSSProperty(computedStylesheet.getPropertyValue('height'));
+  const height = getValueRepresentationOfCSSProperty(
+    computedStylesheet.getPropertyValue('height'),
+  );
   const maxHeight = getValueRepresentationOfCSSProperty(
     computedStylesheet.getPropertyValue('max-height'),
   );
@@ -112,7 +120,10 @@ const getValueRepresentationOfCSSProperty = (property: string) => {
   return isNaN(number) ? undefined : number;
 };
 
-const addResizingParamsToUrl = (resizeDimensions: { height: number; width: number }, url: URL) => {
+const addResizingParamsToUrl = (
+  resizeDimensions: { height: number; width: number },
+  url: URL,
+) => {
   url.searchParams.set('h', resizeDimensions.height.toString());
   url.searchParams.set('w', resizeDimensions.width.toString());
 };
diff --git a/src/components/Attachment/audioSampling.ts b/src/components/Attachment/audioSampling.ts
index ff8b7638d8..d9ece97cfb 100644
--- a/src/components/Attachment/audioSampling.ts
+++ b/src/components/Attachment/audioSampling.ts
@@ -4,8 +4,8 @@ export const resampleWaveformData = (waveformData: number[], amplitudesCount: nu
   waveformData.length === amplitudesCount
     ? waveformData
     : waveformData.length > amplitudesCount
-    ? downSample(waveformData, amplitudesCount)
-    : upSample(waveformData, amplitudesCount);
+      ? downSample(waveformData, amplitudesCount)
+      : upSample(waveformData, amplitudesCount);
 
 /**
  * The downSample function uses the Largest-Triangle-Three-Buckets (LTTB) algorithm.
@@ -42,14 +42,21 @@ export function downSample(data: number[], targetOutputSize: number): number[] {
       currentPointIndex < nextBucketStartIndex;
       currentPointIndex++
     ) {
-      const countUnitsBetweenAtoB = Math.abs(currentPointIndex - currentBucketStartIndex) + 1;
+      const countUnitsBetweenAtoB =
+        Math.abs(currentPointIndex - currentBucketStartIndex) + 1;
       const countUnitsBetweenBtoC = countUnitsBetweenAtoC - countUnitsBetweenAtoB;
       const currentPointValue = data[currentPointIndex];
 
       triangleArea = triangleAreaHeron(
-        triangleBase(Math.abs(previousBucketRefPoint - currentPointValue), countUnitsBetweenAtoB),
+        triangleBase(
+          Math.abs(previousBucketRefPoint - currentPointValue),
+          countUnitsBetweenAtoB,
+        ),
         triangleBase(Math.abs(currentPointValue - nextBucketMean), countUnitsBetweenBtoC),
-        triangleBase(Math.abs(previousBucketRefPoint - nextBucketMean), countUnitsBetweenAtoC),
+        triangleBase(
+          Math.abs(previousBucketRefPoint - nextBucketMean),
+          countUnitsBetweenAtoC,
+        ),
       );
 
       if (triangleArea > maxArea) {
@@ -72,8 +79,13 @@ const triangleAreaHeron = (a: number, b: number, c: number) => {
   return Math.sqrt(s * (s - a) * (s - b) * (s - c));
 };
 const triangleBase = (a: number, b: number) => Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
-const mean = (values: number[]) => values.reduce((acc, value) => acc + value, 0) / values.length;
-const getNextBucketMean = (data: number[], currentBucketIndex: number, bucketSize: number) => {
+const mean = (values: number[]) =>
+  values.reduce((acc, value) => acc + value, 0) / values.length;
+const getNextBucketMean = (
+  data: number[],
+  currentBucketIndex: number,
+  bucketSize: number,
+) => {
   const nextBucketStartIndex = Math.floor(currentBucketIndex * bucketSize) + 1;
   let nextNextBucketStartIndex = Math.floor((currentBucketIndex + 1) * bucketSize) + 1;
   nextNextBucketStartIndex =
@@ -88,7 +100,9 @@ export const upSample = (values: number[], targetSize: number) => {
   }
 
   if (values.length > targetSize) {
-    console.warn('Requested to extend the waveformData that is longer than the target list size');
+    console.warn(
+      'Requested to extend the waveformData that is longer than the target list size',
+    );
     return values;
   }
 
diff --git a/src/components/Attachment/components/FileSizeIndicator.tsx b/src/components/Attachment/components/FileSizeIndicator.tsx
index a9f26e55e7..5fdc0da421 100644
--- a/src/components/Attachment/components/FileSizeIndicator.tsx
+++ b/src/components/Attachment/components/FileSizeIndicator.tsx
@@ -11,7 +11,10 @@ type FileSizeIndicatorProps = {
   maximumFractionDigits?: number;
 };
 
-export const FileSizeIndicator = ({ fileSize, maximumFractionDigits }: FileSizeIndicatorProps) => {
+export const FileSizeIndicator = ({
+  fileSize,
+  maximumFractionDigits,
+}: FileSizeIndicatorProps) => {
   if (!(fileSize && Number.isFinite(Number(fileSize)))) return null;
 
   return (
diff --git a/src/components/Attachment/components/ProgressBar.tsx b/src/components/Attachment/components/ProgressBar.tsx
index 1e5d5fd10a..20a17b3d16 100644
--- a/src/components/Attachment/components/ProgressBar.tsx
+++ b/src/components/Attachment/components/ProgressBar.tsx
@@ -8,7 +8,10 @@ export type ProgressBarProps = {
 
 export const ProgressBar = ({ className, onClick, progress }: ProgressBarProps) => (
   <div
-    className={clsx('str-chat__message-attachment-audio-widget--progress-track', className)}
+    className={clsx(
+      'str-chat__message-attachment-audio-widget--progress-track',
+      className,
+    )}
     data-progress={progress}
     data-testid='audio-progress'
     onClick={onClick}
diff --git a/src/components/Attachment/components/WaveProgressBar.tsx b/src/components/Attachment/components/WaveProgressBar.tsx
index 265280e47a..ffca2d33af 100644
--- a/src/components/Attachment/components/WaveProgressBar.tsx
+++ b/src/components/Attachment/components/WaveProgressBar.tsx
@@ -144,7 +144,8 @@ export const WaveProgressBar = ({
           key={`amplitude-${i}`}
           style={
             {
-              '--str-chat__voice-recording-amplitude-bar-width': trackAxisX?.barWidth + 'px',
+              '--str-chat__voice-recording-amplitude-bar-width':
+                trackAxisX?.barWidth + 'px',
               '--str-chat__wave-progress-bar__amplitude-bar-height': amplitude
                 ? amplitude * 100 + '%'
                 : '0%',
diff --git a/src/components/Attachment/hooks/useAudioController.ts b/src/components/Attachment/hooks/useAudioController.ts
index d18500c4e1..b9b0112a6e 100644
--- a/src/components/Attachment/hooks/useAudioController.ts
+++ b/src/components/Attachment/hooks/useAudioController.ts
@@ -52,7 +52,9 @@ export const useAudioController = ({
     clearTimeout(playTimeout.current);
     playTimeout.current = undefined;
     if (mimeType && !audioRef.current.canPlayType(mimeType)) {
-      registerError(new Error(t('Recording format is not supported and cannot be reproduced')));
+      registerError(
+        new Error(t('Recording format is not supported and cannot be reproduced')),
+      );
       setCanPlayRecord(false);
       return;
     }
@@ -149,7 +151,9 @@ export const useAudioController = ({
     playbackError,
     playbackRate: playbackRates[playbackRateIndex],
     progress:
-      audioRef.current && secondsElapsed ? (secondsElapsed / audioRef.current.duration) * 100 : 0,
+      audioRef.current && secondsElapsed
+        ? (secondsElapsed / audioRef.current.duration) * 100
+        : 0,
     secondsElapsed,
     seek,
     togglePlay,
diff --git a/src/components/Attachment/utils.tsx b/src/components/Attachment/utils.tsx
index 26c8696dca..7cee47ca51 100644
--- a/src/components/Attachment/utils.tsx
+++ b/src/components/Attachment/utils.tsx
@@ -13,91 +13,96 @@ import type {
   VoiceRecordingAttachment,
 } from '../MessageInput';
 
-export const SUPPORTED_VIDEO_FORMATS = ['video/mp4', 'video/ogg', 'video/webm', 'video/quicktime'];
+export const SUPPORTED_VIDEO_FORMATS = [
+  'video/mp4',
+  'video/ogg',
+  'video/webm',
+  'video/quicktime',
+];
 
-export type AttachmentComponentType = typeof ATTACHMENT_GROUPS_ORDER[number];
+export type AttachmentComponentType = (typeof ATTACHMENT_GROUPS_ORDER)[number];
 
 export type GroupedRenderedAttachment = Record<AttachmentComponentType, ReactNode[]>;
 
 export type GalleryAttachment<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   images: Attachment<StreamChatGenerics>[];
   type: 'gallery';
 };
 
 export type RenderAttachmentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Omit<AttachmentProps<StreamChatGenerics>, 'attachments'> & {
   attachment: Attachment<StreamChatGenerics>;
 };
 
 export type RenderGalleryProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Omit<AttachmentProps<StreamChatGenerics>, 'attachments'> & {
   attachment: GalleryAttachment<StreamChatGenerics>;
 };
 
 export const isLocalAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: UnknownType,
 ): attachment is LocalAttachment<StreamChatGenerics> =>
   !!(attachment.localMetadata as LocalAttachment)?.id;
 
 export const isScrapedContent = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics>,
 ) => attachment.og_scrape_url || attachment.title_link;
 
 export const isUploadedImage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics>,
 ) => attachment.type === 'image' && !isScrapedContent(attachment);
 
 export const isLocalImageAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>,
 ): attachment is LocalImageAttachment<StreamChatGenerics> =>
   isUploadedImage(attachment) && isLocalAttachment(attachment);
 
 export const isGalleryAttachmentType = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   output: Attachment<StreamChatGenerics> | GalleryAttachment<StreamChatGenerics>,
 ): output is GalleryAttachment<StreamChatGenerics> => Array.isArray(output.images);
 
 export const isAudioAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>,
 ) => attachment.type === 'audio';
 
 export const isLocalAudioAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>,
 ): attachment is LocalAudioAttachment<StreamChatGenerics> =>
   isAudioAttachment(attachment) && isLocalAttachment(attachment);
 
 export const isVoiceRecordingAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>,
 ): attachment is VoiceRecordingAttachment => attachment.type === 'voiceRecording';
 
 export const isLocalVoiceRecordingAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>,
 ): attachment is LocalVoiceRecordingAttachment<StreamChatGenerics> =>
   isVoiceRecordingAttachment(attachment) && isLocalAttachment(attachment);
 
 export const isFileAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>,
 ) =>
@@ -109,22 +114,23 @@ export const isFileAttachment = <
   );
 
 export const isLocalFileAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>,
 ): attachment is LocalFileAttachment<StreamChatGenerics> =>
   isFileAttachment(attachment) && isLocalAttachment(attachment);
 
 export const isMediaAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>,
 ) =>
-  (attachment.mime_type && SUPPORTED_VIDEO_FORMATS.indexOf(attachment.mime_type) !== -1) ||
+  (attachment.mime_type &&
+    SUPPORTED_VIDEO_FORMATS.indexOf(attachment.mime_type) !== -1) ||
   attachment.type === 'video';
 
 export const isLocalMediaAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>,
 ): attachment is LocalVideoAttachment<StreamChatGenerics> =>
@@ -135,7 +141,10 @@ export const isSvgAttachment = (attachment: Attachment) => {
   return filename.toLowerCase().endsWith('.svg');
 };
 
-export const divMod = (num: number, divisor: number) => [Math.floor(num / divisor), num % divisor];
+export const divMod = (num: number, divisor: number) => [
+  Math.floor(num / divisor),
+  num % divisor,
+];
 
 export const displayDuration = (totalSeconds?: number) => {
   if (!totalSeconds || totalSeconds < 0) return '00:00';
diff --git a/src/components/AutoCompleteTextarea/Item.jsx b/src/components/AutoCompleteTextarea/Item.jsx
index 19cf35b047..4945d682d5 100644
--- a/src/components/AutoCompleteTextarea/Item.jsx
+++ b/src/components/AutoCompleteTextarea/Item.jsx
@@ -13,7 +13,10 @@ export const Item = React.forwardRef(function Item(props, innerRef) {
   } = props;
 
   const handleSelect = useCallback(() => onSelectHandler(item), [item, onSelectHandler]);
-  const handleClick = useCallback((event) => onClickHandler(event, item), [item, onClickHandler]);
+  const handleClick = useCallback(
+    (event) => onClickHandler(event, item),
+    [item, onClickHandler],
+  );
 
   return (
     <li
diff --git a/src/components/AutoCompleteTextarea/List.jsx b/src/components/AutoCompleteTextarea/List.jsx
index abeb205aac..73c275ae1d 100644
--- a/src/components/AutoCompleteTextarea/List.jsx
+++ b/src/components/AutoCompleteTextarea/List.jsx
@@ -47,7 +47,9 @@ export const List = ({
 
   const findItemIndex = useCallback(
     (item) =>
-      values.findIndex((value) => (value.id ? value.id === item.id : value.name === item.name)),
+      values.findIndex((value) =>
+        value.id ? value.id === item.id : value.name === item.name,
+      ),
     [values],
   );
 
@@ -98,7 +100,10 @@ export const List = ({
         });
       }
 
-      if ((event.key === 'Enter' || event.key === 'Tab') && selectedItemIndex !== undefined) {
+      if (
+        (event.key === 'Enter' || event.key === 'Tab') &&
+        selectedItemIndex !== undefined
+      ) {
         handleClick(event, values[selectedItemIndex]);
       }
 
@@ -134,7 +139,10 @@ export const List = ({
     [propValue, selectionEnd, currentTrigger],
   );
 
-  const restructuredValues = useMemo(() => values.map(restructureItem), [values, restructureItem]);
+  const restructuredValues = useMemo(
+    () => values.map(restructureItem),
+    [values, restructureItem],
+  );
 
   return (
     <ul className={clsx('str-chat__suggestion-list', className)} style={style}>
diff --git a/src/components/AutoCompleteTextarea/Textarea.jsx b/src/components/AutoCompleteTextarea/Textarea.jsx
index 0dfd5a2b84..65356bc327 100644
--- a/src/components/AutoCompleteTextarea/Textarea.jsx
+++ b/src/components/AutoCompleteTextarea/Textarea.jsx
@@ -179,7 +179,11 @@ export class ReactTextareaAutocomplete extends React.Component {
       showCommandsList,
       showMentionsList,
     } = this.props;
-    const { currentTrigger: stateTrigger, selectionEnd, value: textareaValue } = this.state;
+    const {
+      currentTrigger: stateTrigger,
+      selectionEnd,
+      value: textareaValue,
+    } = this.state;
 
     const currentTrigger = showCommandsList ? '/' : showMentionsList ? '@' : stateTrigger;
 
@@ -194,7 +198,9 @@ export class ReactTextareaAutocomplete extends React.Component {
           return startToken + token.length;
         default:
           if (!Number.isInteger(position)) {
-            throw new Error('RTA: caretPosition should be "start", "next", "end" or number.');
+            throw new Error(
+              'RTA: caretPosition should be "start", "next", "end" or number.',
+            );
           }
 
           return position;
@@ -204,13 +210,14 @@ export class ReactTextareaAutocomplete extends React.Component {
     const textToModify = showCommandsList
       ? '/'
       : showMentionsList
-      ? '@'
-      : textareaValue.slice(0, selectionEnd);
+        ? '@'
+        : textareaValue.slice(0, selectionEnd);
 
     const startOfTokenPosition = textToModify.lastIndexOf(currentTrigger);
 
     // we add space after emoji is selected if a caret position is next
-    const newTokenString = newToken.caretPosition === 'next' ? `${newToken.text} ` : newToken.text;
+    const newTokenString =
+      newToken.caretPosition === 'next' ? `${newToken.text} ` : newToken.text;
 
     const newCaretPosition = computeCaretPosition(
       newToken.caretPosition,
@@ -450,7 +457,6 @@ export class ReactTextareaAutocomplete extends React.Component {
       'value',
     ];
 
-    // eslint-disable-next-line
     for (const prop in props) {
       if (notSafe.includes(prop)) delete props[prop];
     }
@@ -467,7 +473,8 @@ export class ReactTextareaAutocomplete extends React.Component {
   };
 
   _changeHandler = (e) => {
-    const { minChar, movePopupAsYouType, onCaretPositionChange, onChange, trigger } = this.props;
+    const { minChar, movePopupAsYouType, onCaretPositionChange, onChange, trigger } =
+      this.props;
     const { left, top } = this.state;
 
     const textarea = e.target;
@@ -499,7 +506,8 @@ export class ReactTextareaAutocomplete extends React.Component {
 
       lastToken = tokenMatch && tokenMatch[tokenMatch.length - 1].trim();
 
-      currentTrigger = (lastToken && Object.keys(trigger).find((a) => a === lastToken[0])) || null;
+      currentTrigger =
+        (lastToken && Object.keys(trigger).find((a) => a === lastToken[0])) || null;
     }
 
     /*
@@ -636,7 +644,9 @@ export class ReactTextareaAutocomplete extends React.Component {
 
       triggerProps.component = showCommandsList ? CommandItem : UserItem;
       triggerProps.currentTrigger = showCommandsList ? '/' : '@';
-      triggerProps.getTextToReplace = this._getTextToReplace(showCommandsList ? '/' : '@');
+      triggerProps.getTextToReplace = this._getTextToReplace(
+        showCommandsList ? '/' : '@',
+      );
       triggerProps.getSelectedItem = this._getItemOnSelect(showCommandsList ? '/' : '@');
       triggerProps.selectionEnd = 1;
       triggerProps.value = showCommandsList ? '/' : '@';
diff --git a/src/components/AutoCompleteTextarea/utils.js b/src/components/AutoCompleteTextarea/utils.js
index 97e323b8d4..54a32d8011 100644
--- a/src/components/AutoCompleteTextarea/utils.js
+++ b/src/components/AutoCompleteTextarea/utils.js
@@ -11,11 +11,13 @@ export function defaultScrollToItem(container, item) {
   const actualScrollTop = container.scrollTop;
   const itemOffsetTop = item.offsetTop;
 
-  if (itemOffsetTop < actualScrollTop + containerHight && actualScrollTop < itemOffsetTop) {
+  if (
+    itemOffsetTop < actualScrollTop + containerHight &&
+    actualScrollTop < itemOffsetTop
+  ) {
     return;
   }
 
-  // eslint-disable-next-line
   container.scrollTop = itemOffsetTop;
 }
 
@@ -34,7 +36,9 @@ export const triggerPropsCheck = ({ trigger }) => {
     const [triggerChar, settings] = triggers[i];
 
     if (typeof triggerChar !== 'string' || triggerChar.length !== 1) {
-      return Error('Invalid prop trigger. Keys of the object has to be string / one character.');
+      return Error(
+        'Invalid prop trigger. Keys of the object has to be string / one character.',
+      );
     }
 
     // $FlowFixMe
diff --git a/src/components/Avatar/Avatar.tsx b/src/components/Avatar/Avatar.tsx
index 4c8ab20059..e64fb3efc0 100644
--- a/src/components/Avatar/Avatar.tsx
+++ b/src/components/Avatar/Avatar.tsx
@@ -9,7 +9,7 @@ import { getWholeChar } from '../../utils';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type AvatarProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** Custom root element class that will be merged with the default class */
   className?: string;
@@ -29,7 +29,7 @@ export type AvatarProps<
  * A round avatar image with fallback to username's first letter
  */
 export const Avatar = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: AvatarProps<StreamChatGenerics>,
 ) => {
@@ -75,7 +75,10 @@ export const Avatar = <
       ) : (
         <>
           {!!initials.length && (
-            <div className={clsx('str-chat__avatar-fallback')} data-testid='avatar-fallback'>
+            <div
+              className={clsx('str-chat__avatar-fallback')}
+              data-testid='avatar-fallback'
+            >
               {initials}
             </div>
           )}
diff --git a/src/components/Avatar/ChannelAvatar.tsx b/src/components/Avatar/ChannelAvatar.tsx
index eab6b088f9..25e64fb1cf 100644
--- a/src/components/Avatar/ChannelAvatar.tsx
+++ b/src/components/Avatar/ChannelAvatar.tsx
@@ -3,11 +3,11 @@ import { Avatar, AvatarProps, GroupAvatar, GroupAvatarProps } from './index';
 import type { DefaultStreamChatGenerics } from '../../types';
 
 export type ChannelAvatarProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Partial<GroupAvatarProps> & AvatarProps<StreamChatGenerics>;
 
 export const ChannelAvatar = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   groupChannelDisplayInfo,
   image,
@@ -16,7 +16,9 @@ export const ChannelAvatar = <
   ...sharedProps
 }: ChannelAvatarProps<StreamChatGenerics>) => {
   if (groupChannelDisplayInfo) {
-    return <GroupAvatar groupChannelDisplayInfo={groupChannelDisplayInfo} {...sharedProps} />;
+    return (
+      <GroupAvatar groupChannelDisplayInfo={groupChannelDisplayInfo} {...sharedProps} />
+    );
   }
   return <Avatar image={image} name={name} user={user} {...sharedProps} />;
 };
diff --git a/src/components/Avatar/GroupAvatar.tsx b/src/components/Avatar/GroupAvatar.tsx
index 89a127d880..a188f6b9e5 100644
--- a/src/components/Avatar/GroupAvatar.tsx
+++ b/src/components/Avatar/GroupAvatar.tsx
@@ -3,7 +3,10 @@ import React from 'react';
 import { Avatar, AvatarProps } from './Avatar';
 import { GroupChannelDisplayInfo } from '../ChannelPreview';
 
-export type GroupAvatarProps = Pick<AvatarProps, 'className' | 'onClick' | 'onMouseOver'> & {
+export type GroupAvatarProps = Pick<
+  AvatarProps,
+  'className' | 'onClick' | 'onMouseOver'
+> & {
   /** Mapping of image URLs to names which initials will be used as fallbacks in case image assets fail to load. */
   groupChannelDisplayInfo: GroupChannelDisplayInfo;
 };
diff --git a/src/components/Avatar/__tests__/Avatar.test.js b/src/components/Avatar/__tests__/Avatar.test.js
index 4e0805a4bb..1c82df14cf 100644
--- a/src/components/Avatar/__tests__/Avatar.test.js
+++ b/src/components/Avatar/__tests__/Avatar.test.js
@@ -9,7 +9,7 @@ const AVATAR_ROOT_TEST_ID = 'avatar';
 const AVATAR_FALLBACK_TEST_ID = 'avatar-fallback';
 const AVATAR_IMG_TEST_ID = 'avatar-img';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('Avatar', () => {
   it('should render component with default props', () => {
@@ -61,7 +61,9 @@ describe('Avatar', () => {
 
   it('should render initials as alt and title', () => {
     const name = 'Cherry Blossom';
-    const { getByAltText, getByTitle } = render(<Avatar image='randomImage' name={name} />);
+    const { getByAltText, getByTitle } = render(
+      <Avatar image='randomImage' name={name} />,
+    );
 
     expect(getByTitle(name)).toBeInTheDocument();
     expect(getByAltText(name[0])).toBeInTheDocument();
@@ -94,7 +96,9 @@ describe('Avatar', () => {
   });
 
   it('should render fallback initials on img error', () => {
-    const { getByTestId, queryByTestId } = render(<Avatar image='randomImage' name='Olive' />);
+    const { getByTestId, queryByTestId } = render(
+      <Avatar image='randomImage' name='Olive' />,
+    );
     const img = getByTestId(AVATAR_IMG_TEST_ID);
 
     expect(img).toBeInTheDocument();
@@ -105,7 +109,9 @@ describe('Avatar', () => {
   });
 
   it('should render new img on props change for errored img', () => {
-    const { getByTestId, queryByTestId, rerender } = render(<Avatar image='randomImage' />);
+    const { getByTestId, queryByTestId, rerender } = render(
+      <Avatar image='randomImage' />,
+    );
 
     fireEvent.error(getByTestId(AVATAR_IMG_TEST_ID));
     expect(queryByTestId(AVATAR_IMG_TEST_ID)).not.toBeInTheDocument();
diff --git a/src/components/Channel/Channel.tsx b/src/components/Channel/Channel.tsx
index 1d68d1b22b..0ef286dec3 100644
--- a/src/components/Channel/Channel.tsx
+++ b/src/components/Channel/Channel.tsx
@@ -100,7 +100,7 @@ import { useThreadContext } from '../Threads';
 import { CHANNEL_CONTAINER_ID } from './constants';
 
 type ChannelPropsForwardedToComponentContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<
   ComponentContextValue<StreamChatGenerics>,
   | 'Attachment'
@@ -166,7 +166,7 @@ type ChannelPropsForwardedToComponentContext<
 >;
 
 const isUserResponseArray = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   output: string[] | UserResponse<StreamChatGenerics>[],
 ): output is UserResponse<StreamChatGenerics>[] =>
@@ -174,7 +174,7 @@ const isUserResponseArray = <
 
 export type ChannelProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 > = ChannelPropsForwardedToComponentContext<StreamChatGenerics> & {
   /** List of accepted file types */
   acceptedFiles?: string[];
@@ -255,7 +255,7 @@ export type ChannelProps<
 };
 
 const ChannelContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   className: additionalClassName,
@@ -275,7 +275,7 @@ const ChannelContainer = <
 
 const UnMemoizedChannel = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: PropsWithChildren<ChannelProps<StreamChatGenerics, V>>,
 ) => {
@@ -286,9 +286,8 @@ const UnMemoizedChannel = <
     LoadingIndicator = DefaultLoadingIndicator,
   } = props;
 
-  const { channel: contextChannel, channelsQueryState } = useChatContext<StreamChatGenerics>(
-    'Channel',
-  );
+  const { channel: contextChannel, channelsQueryState } =
+    useChatContext<StreamChatGenerics>('Channel');
 
   const channel = propsChannel || contextChannel;
 
@@ -317,7 +316,7 @@ const UnMemoizedChannel = <
 
 const ChannelInner = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: PropsWithChildren<
     ChannelProps<StreamChatGenerics, V> & {
@@ -360,12 +359,8 @@ const ChannelInner = <
     [propChannelQueryOptions],
   );
 
-  const {
-    client,
-    customClasses,
-    latestMessageDatesByChannels,
-    mutes,
-  } = useChatContext<StreamChatGenerics>('Channel');
+  const { client, customClasses, latestMessageDatesByChannels, mutes } =
+    useChatContext<StreamChatGenerics>('Channel');
   const { t } = useTranslationContext('Channel');
   const chatContainerClass = getChatContainerClass(customClasses?.chatContainer);
   const windowsEmojiClass = useImageFlagEmojisOnWindowsClass();
@@ -374,7 +369,8 @@ const ChannelInner = <
   const [channelConfig, setChannelConfig] = useState(channel.getConfig());
   const [notifications, setNotifications] = useState<ChannelNotifications>([]);
   const [quotedMessage, setQuotedMessage] = useState<StreamMessage<StreamChatGenerics>>();
-  const [channelUnreadUiState, _setChannelUnreadUiState] = useState<ChannelUnreadUiState>();
+  const [channelUnreadUiState, _setChannelUnreadUiState] =
+    useState<ChannelUnreadUiState>();
 
   const notificationTimeouts = useRef<Array<NodeJS.Timeout>>([]);
 
@@ -457,7 +453,14 @@ const ChannelInner = <
         500,
         { leading: true, trailing: false },
       ),
-    [activeUnreadHandler, channel, channelConfig, doMarkReadRequest, setChannelUnreadUiState, t],
+    [
+      activeUnreadHandler,
+      channel,
+      channelConfig,
+      doMarkReadRequest,
+      setChannelUnreadUiState,
+      t,
+    ],
   );
 
   const handleEvent = async (event: Event<StreamChatGenerics>) => {
@@ -469,7 +472,8 @@ const ChannelInner = <
       });
     }
 
-    if (event.type === 'user.watching.start' || event.type === 'user.watching.stop') return;
+    if (event.type === 'user.watching.start' || event.type === 'user.watching.stop')
+      return;
 
     if (event.type === 'typing.start' || event.type === 'typing.stop') {
       return dispatch({ channel, type: 'setTyping' });
@@ -480,10 +484,15 @@ const ChannelInner = <
     }
 
     if (event.type === 'message.new') {
-      const mainChannelUpdated = !event.message?.parent_id || event.message?.show_in_channel;
+      const mainChannelUpdated =
+        !event.message?.parent_id || event.message?.show_in_channel;
 
       if (mainChannelUpdated) {
-        if (document.hidden && channelConfig?.read_events && !channel.muteStatus().muted) {
+        if (
+          document.hidden &&
+          channelConfig?.read_events &&
+          !channel.muteStatus().muted
+        ) {
           const unread = channel.countUnread(lastRead.current);
 
           if (activeUnreadHandler) {
@@ -560,7 +569,8 @@ const ChannelInner = <
               if (typeof member === 'string') {
                 userId = member;
               } else if (typeof member === 'object') {
-                const { user, user_id } = member as ChannelMemberResponse<StreamChatGenerics>;
+                const { user, user_id } =
+                  member as ChannelMemberResponse<StreamChatGenerics>;
                 userId = user_id || user?.id;
               }
               if (userId) {
@@ -658,13 +668,21 @@ const ChannelInner = <
   );
 
   const loadMore = async (limit = DEFAULT_NEXT_CHANNEL_PAGE_SIZE) => {
-    if (!online.current || !window.navigator.onLine || !channel.state.messagePagination.hasPrev)
+    if (
+      !online.current ||
+      !window.navigator.onLine ||
+      !channel.state.messagePagination.hasPrev
+    )
       return 0;
 
     // prevent duplicate loading events...
     const oldestMessage = state?.messages?.[0];
 
-    if (state.loadingMore || state.loadingMoreNewer || oldestMessage?.status !== 'received') {
+    if (
+      state.loadingMore ||
+      state.loadingMoreNewer ||
+      oldestMessage?.status !== 'received'
+    ) {
       return 0;
     }
 
@@ -691,7 +709,11 @@ const ChannelInner = <
   };
 
   const loadMoreNewer = async (limit = DEFAULT_NEXT_CHANNEL_PAGE_SIZE) => {
-    if (!online.current || !window.navigator.onLine || !channel.state.messagePagination.hasNext)
+    if (
+      !online.current ||
+      !window.navigator.onLine ||
+      !channel.state.messagePagination.hasNext
+    )
       return 0;
 
     const newestMessage = state?.messages?.[state?.messages?.length - 1];
@@ -722,170 +744,195 @@ const ChannelInner = <
     return queryResponse.messages.length;
   };
 
-  const clearHighlightedMessageTimeoutId = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const clearHighlightedMessageTimeoutId = useRef<ReturnType<typeof setTimeout> | null>(
+    null,
+  );
 
-  const jumpToMessage: ChannelActionContextValue<StreamChatGenerics>['jumpToMessage'] = useCallback(
-    async (
-      messageId,
-      messageLimit = DEFAULT_JUMP_TO_PAGE_SIZE,
-      highlightDuration = DEFAULT_HIGHLIGHT_DURATION,
-    ) => {
-      dispatch({ loadingMore: true, type: 'setLoadingMore' });
-      await channel.state.loadMessageIntoState(messageId, undefined, messageLimit);
+  const jumpToMessage: ChannelActionContextValue<StreamChatGenerics>['jumpToMessage'] =
+    useCallback(
+      async (
+        messageId,
+        messageLimit = DEFAULT_JUMP_TO_PAGE_SIZE,
+        highlightDuration = DEFAULT_HIGHLIGHT_DURATION,
+      ) => {
+        dispatch({ loadingMore: true, type: 'setLoadingMore' });
+        await channel.state.loadMessageIntoState(messageId, undefined, messageLimit);
+
+        loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
+        dispatch({
+          hasMoreNewer: channel.state.messagePagination.hasNext,
+          highlightedMessageId: messageId,
+          type: 'jumpToMessageFinished',
+        });
+
+        if (clearHighlightedMessageTimeoutId.current) {
+          clearTimeout(clearHighlightedMessageTimeoutId.current);
+        }
 
+        clearHighlightedMessageTimeoutId.current = setTimeout(() => {
+          clearHighlightedMessageTimeoutId.current = null;
+          dispatch({ type: 'clearHighlightedMessage' });
+        }, highlightDuration);
+      },
+      [channel, loadMoreFinished],
+    );
+
+  const jumpToLatestMessage: ChannelActionContextValue<StreamChatGenerics>['jumpToLatestMessage'] =
+    useCallback(async () => {
+      await channel.state.loadMessageIntoState('latest');
       loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
       dispatch({
-        hasMoreNewer: channel.state.messagePagination.hasNext,
-        highlightedMessageId: messageId,
-        type: 'jumpToMessageFinished',
+        type: 'jumpToLatestMessage',
       });
+    }, [channel, loadMoreFinished]);
 
-      if (clearHighlightedMessageTimeoutId.current) {
-        clearTimeout(clearHighlightedMessageTimeoutId.current);
-      }
+  const jumpToFirstUnreadMessage: ChannelActionContextValue<StreamChatGenerics>['jumpToFirstUnreadMessage'] =
+    useCallback(
+      async (
+        queryMessageLimit = DEFAULT_JUMP_TO_PAGE_SIZE,
+        highlightDuration = DEFAULT_HIGHLIGHT_DURATION,
+      ) => {
+        if (!channelUnreadUiState?.unread_messages) return;
+        let lastReadMessageId = channelUnreadUiState?.last_read_message_id;
+        let firstUnreadMessageId = channelUnreadUiState?.first_unread_message_id;
+        let isInCurrentMessageSet = false;
+
+        if (firstUnreadMessageId) {
+          const result = findInMsgSetById(firstUnreadMessageId, channel.state.messages);
+          isInCurrentMessageSet = result.index !== -1;
+        } else if (lastReadMessageId) {
+          const result = findInMsgSetById(lastReadMessageId, channel.state.messages);
+          isInCurrentMessageSet = !!result.target;
+          firstUnreadMessageId =
+            result.index > -1 ? channel.state.messages[result.index + 1]?.id : undefined;
+        } else {
+          const lastReadTimestamp = channelUnreadUiState.last_read.getTime();
+          const { index: lastReadMessageIndex, target: lastReadMessage } =
+            findInMsgSetByDate(
+              channelUnreadUiState.last_read,
+              channel.state.messages,
+              true,
+            );
+
+          if (lastReadMessage) {
+            firstUnreadMessageId = channel.state.messages[lastReadMessageIndex + 1]?.id;
+            isInCurrentMessageSet = !!firstUnreadMessageId;
+            lastReadMessageId = lastReadMessage.id;
+          } else {
+            dispatch({ loadingMore: true, type: 'setLoadingMore' });
+            let messages;
+            try {
+              messages = (
+                await channel.query(
+                  {
+                    messages: {
+                      created_at_around: channelUnreadUiState.last_read.toISOString(),
+                      limit: queryMessageLimit,
+                    },
+                  },
+                  'new',
+                )
+              ).messages;
+            } catch (e) {
+              addNotification(t('Failed to jump to the first unread message'), 'error');
+              loadMoreFinished(
+                channel.state.messagePagination.hasPrev,
+                channel.state.messages,
+              );
+              return;
+            }
 
-      clearHighlightedMessageTimeoutId.current = setTimeout(() => {
-        clearHighlightedMessageTimeoutId.current = null;
-        dispatch({ type: 'clearHighlightedMessage' });
-      }, highlightDuration);
-    },
-    [channel, loadMoreFinished],
-  );
+            const firstMessageWithCreationDate = messages.find((msg) => msg.created_at);
+            if (!firstMessageWithCreationDate) {
+              addNotification(t('Failed to jump to the first unread message'), 'error');
+              loadMoreFinished(
+                channel.state.messagePagination.hasPrev,
+                channel.state.messages,
+              );
+              return;
+            }
+            const firstMessageTimestamp = new Date(
+              firstMessageWithCreationDate.created_at as string,
+            ).getTime();
+            if (lastReadTimestamp < firstMessageTimestamp) {
+              // whole channel is unread
+              firstUnreadMessageId = firstMessageWithCreationDate.id;
+            } else {
+              const result = findInMsgSetByDate(channelUnreadUiState.last_read, messages);
+              lastReadMessageId = result.target?.id;
+            }
+            loadMoreFinished(
+              channel.state.messagePagination.hasPrev,
+              channel.state.messages,
+            );
+          }
+        }
 
-  const jumpToLatestMessage: ChannelActionContextValue<StreamChatGenerics>['jumpToLatestMessage'] = useCallback(async () => {
-    await channel.state.loadMessageIntoState('latest');
-    loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
-    dispatch({
-      type: 'jumpToLatestMessage',
-    });
-  }, [channel, loadMoreFinished]);
+        if (!firstUnreadMessageId && !lastReadMessageId) {
+          addNotification(t('Failed to jump to the first unread message'), 'error');
+          return;
+        }
 
-  const jumpToFirstUnreadMessage: ChannelActionContextValue<StreamChatGenerics>['jumpToFirstUnreadMessage'] = useCallback(
-    async (
-      queryMessageLimit = DEFAULT_JUMP_TO_PAGE_SIZE,
-      highlightDuration = DEFAULT_HIGHLIGHT_DURATION,
-    ) => {
-      if (!channelUnreadUiState?.unread_messages) return;
-      let lastReadMessageId = channelUnreadUiState?.last_read_message_id;
-      let firstUnreadMessageId = channelUnreadUiState?.first_unread_message_id;
-      let isInCurrentMessageSet = false;
-
-      if (firstUnreadMessageId) {
-        const result = findInMsgSetById(firstUnreadMessageId, channel.state.messages);
-        isInCurrentMessageSet = result.index !== -1;
-      } else if (lastReadMessageId) {
-        const result = findInMsgSetById(lastReadMessageId, channel.state.messages);
-        isInCurrentMessageSet = !!result.target;
-        firstUnreadMessageId =
-          result.index > -1 ? channel.state.messages[result.index + 1]?.id : undefined;
-      } else {
-        const lastReadTimestamp = channelUnreadUiState.last_read.getTime();
-        const { index: lastReadMessageIndex, target: lastReadMessage } = findInMsgSetByDate(
-          channelUnreadUiState.last_read,
-          channel.state.messages,
-          true,
-        );
-
-        if (lastReadMessage) {
-          firstUnreadMessageId = channel.state.messages[lastReadMessageIndex + 1]?.id;
-          isInCurrentMessageSet = !!firstUnreadMessageId;
-          lastReadMessageId = lastReadMessage.id;
-        } else {
+        if (!isInCurrentMessageSet) {
           dispatch({ loadingMore: true, type: 'setLoadingMore' });
-          let messages;
           try {
-            messages = (
-              await channel.query(
-                {
-                  messages: {
-                    created_at_around: channelUnreadUiState.last_read.toISOString(),
-                    limit: queryMessageLimit,
-                  },
-                },
-                'new',
-              )
-            ).messages;
+            const targetId = (firstUnreadMessageId ?? lastReadMessageId) as string;
+            await channel.state.loadMessageIntoState(
+              targetId,
+              undefined,
+              queryMessageLimit,
+            );
+            /**
+             * if the index of the last read message on the page is beyond the half of the page,
+             * we have arrived to the oldest page of the channel
+             */
+            const indexOfTarget = channel.state.messages.findIndex(
+              (message) => message.id === targetId,
+            ) as number;
+            loadMoreFinished(
+              channel.state.messagePagination.hasPrev,
+              channel.state.messages,
+            );
+            firstUnreadMessageId =
+              firstUnreadMessageId ?? channel.state.messages[indexOfTarget + 1]?.id;
           } catch (e) {
             addNotification(t('Failed to jump to the first unread message'), 'error');
-            loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
-            return;
-          }
-
-          const firstMessageWithCreationDate = messages.find((msg) => msg.created_at);
-          if (!firstMessageWithCreationDate) {
-            addNotification(t('Failed to jump to the first unread message'), 'error');
-            loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
+            loadMoreFinished(
+              channel.state.messagePagination.hasPrev,
+              channel.state.messages,
+            );
             return;
           }
-          const firstMessageTimestamp = new Date(
-            firstMessageWithCreationDate.created_at as string,
-          ).getTime();
-          if (lastReadTimestamp < firstMessageTimestamp) {
-            // whole channel is unread
-            firstUnreadMessageId = firstMessageWithCreationDate.id;
-          } else {
-            const result = findInMsgSetByDate(channelUnreadUiState.last_read, messages);
-            lastReadMessageId = result.target?.id;
-          }
-          loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
         }
-      }
 
-      if (!firstUnreadMessageId && !lastReadMessageId) {
-        addNotification(t('Failed to jump to the first unread message'), 'error');
-        return;
-      }
-
-      if (!isInCurrentMessageSet) {
-        dispatch({ loadingMore: true, type: 'setLoadingMore' });
-        try {
-          const targetId = (firstUnreadMessageId ?? lastReadMessageId) as string;
-          await channel.state.loadMessageIntoState(targetId, undefined, queryMessageLimit);
-          /**
-           * if the index of the last read message on the page is beyond the half of the page,
-           * we have arrived to the oldest page of the channel
-           */
-          const indexOfTarget = channel.state.messages.findIndex(
-            (message) => message.id === targetId,
-          ) as number;
-          loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
-          firstUnreadMessageId =
-            firstUnreadMessageId ?? channel.state.messages[indexOfTarget + 1]?.id;
-        } catch (e) {
+        if (!firstUnreadMessageId) {
           addNotification(t('Failed to jump to the first unread message'), 'error');
-          loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
           return;
         }
-      }
+        if (!channelUnreadUiState.first_unread_message_id)
+          _setChannelUnreadUiState({
+            ...channelUnreadUiState,
+            first_unread_message_id: firstUnreadMessageId,
+            last_read_message_id: lastReadMessageId,
+          });
 
-      if (!firstUnreadMessageId) {
-        addNotification(t('Failed to jump to the first unread message'), 'error');
-        return;
-      }
-      if (!channelUnreadUiState.first_unread_message_id)
-        _setChannelUnreadUiState({
-          ...channelUnreadUiState,
-          first_unread_message_id: firstUnreadMessageId,
-          last_read_message_id: lastReadMessageId,
+        dispatch({
+          hasMoreNewer: channel.state.messagePagination.hasNext,
+          highlightedMessageId: firstUnreadMessageId,
+          type: 'jumpToMessageFinished',
         });
 
-      dispatch({
-        hasMoreNewer: channel.state.messagePagination.hasNext,
-        highlightedMessageId: firstUnreadMessageId,
-        type: 'jumpToMessageFinished',
-      });
-
-      if (clearHighlightedMessageTimeoutId.current) {
-        clearTimeout(clearHighlightedMessageTimeoutId.current);
-      }
+        if (clearHighlightedMessageTimeoutId.current) {
+          clearTimeout(clearHighlightedMessageTimeoutId.current);
+        }
 
-      clearHighlightedMessageTimeoutId.current = setTimeout(() => {
-        clearHighlightedMessageTimeoutId.current = null;
-        dispatch({ type: 'clearHighlightedMessage' });
-      }, highlightDuration);
-    },
-    [addNotification, channel, loadMoreFinished, t, channelUnreadUiState],
-  );
+        clearHighlightedMessageTimeoutId.current = setTimeout(() => {
+          clearHighlightedMessageTimeoutId.current = null;
+          dispatch({ type: 'clearHighlightedMessage' });
+        }, highlightDuration);
+      },
+      [addNotification, channel, loadMoreFinished, t, channelUnreadUiState],
+    );
 
   const deleteMessage = useCallback(
     async (
@@ -911,7 +958,10 @@ const ChannelInner = <
     updatedMessage: MessageToSend<StreamChatGenerics> | StreamMessage<StreamChatGenerics>,
   ) => {
     // add the message to the local channel state
-    channel.state.addMessageSorted(updatedMessage as MessageResponse<StreamChatGenerics>, true);
+    channel.state.addMessageSorted(
+      updatedMessage as MessageResponse<StreamChatGenerics>,
+      true,
+    );
 
     dispatch({
       channel,
@@ -937,7 +987,8 @@ const ChannelInner = <
       id,
       mentioned_users: mentions,
       parent_id,
-      quoted_message_id: parent_id === quotedMessage?.parent_id ? quotedMessage?.id : undefined,
+      quoted_message_id:
+        parent_id === quotedMessage?.parent_id ? quotedMessage?.id : undefined,
       text,
       ...customMessageData,
     } as Message<StreamChatGenerics>;
@@ -960,7 +1011,9 @@ const ChannelInner = <
         }
       }
 
-      const responseTimestamp = new Date(messageResponse?.message?.updated_at || 0).getTime();
+      const responseTimestamp = new Date(
+        messageResponse?.message?.updated_at || 0,
+      ).getTime();
       const existingMessageTimestamp = existingMessage?.updated_at?.getTime() || 0;
       const responseIsTheNewest = responseTimestamp > existingMessageTimestamp;
 
@@ -977,13 +1030,14 @@ const ChannelInner = <
         });
       }
 
-      if (quotedMessage && parent_id === quotedMessage?.parent_id) setQuotedMessage(undefined);
+      if (quotedMessage && parent_id === quotedMessage?.parent_id)
+        setQuotedMessage(undefined);
     } catch (error) {
       // error response isn't usable so needs to be stringified then parsed
       const stringError = JSON.stringify(error);
-      const parsedError = (stringError
-        ? JSON.parse(stringError)
-        : {}) as ErrorFromResponse<APIErrorResponse>;
+      const parsedError = (
+        stringError ? JSON.parse(stringError) : {}
+      ) as ErrorFromResponse<APIErrorResponse>;
 
       // Handle the case where the message already exists
       // (typically, when retrying to send a message).
@@ -1010,7 +1064,7 @@ const ChannelInner = <
         });
 
         thread?.upsertReplyLocally({
-          // @ts-expect-error
+          // @ts-expect-error message type mismatch
           message: {
             ...message,
             error: parsedError,
@@ -1049,7 +1103,7 @@ const ChannelInner = <
     };
 
     thread?.upsertReplyLocally({
-      // @ts-expect-error
+      // @ts-expect-error message type mismatch
       message: messagePreview,
     });
 
@@ -1067,7 +1121,9 @@ const ChannelInner = <
 
     if (message.attachments) {
       // remove scraped attachments added during the message composition in MessageInput to prevent sync issues
-      message.attachments = message.attachments.filter((attachment) => !attachment.og_scrape_url);
+      message.attachments = message.attachments.filter(
+        (attachment) => !attachment.og_scrape_url,
+      );
     }
 
     await doSendMessage(message);
@@ -1110,7 +1166,9 @@ const ChannelInner = <
     debounce(
       (
         threadHasMore: boolean,
-        threadMessages: Array<ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>>,
+        threadMessages: Array<
+          ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>
+        >,
       ) => {
         dispatch({
           threadHasMore,
@@ -1144,7 +1202,10 @@ const ChannelInner = <
         limit,
       });
 
-      const threadHasMoreMessages = hasMoreMessagesProbably(queryResponse.messages.length, limit);
+      const threadHasMoreMessages = hasMoreMessagesProbably(
+        queryResponse.messages.length,
+        limit,
+      );
       const newThreadMessages = channel.state.threads[parentId] || [];
 
       // next set loadingMore to false so we can start asking for more data
@@ -1172,7 +1233,8 @@ const ChannelInner = <
     enrichURLForPreview: props.enrichURLForPreview,
     findURLFn: enrichURLForPreviewConfig?.findURLFn,
     giphyVersion: props.giphyVersion || 'fixed_height',
-    imageAttachmentSizeHandler: props.imageAttachmentSizeHandler || getImageAttachmentConfiguration,
+    imageAttachmentSizeHandler:
+      props.imageAttachmentSizeHandler || getImageAttachmentConfiguration,
     maxNumberOfFiles,
     multipleUploads,
     mutes,
@@ -1180,59 +1242,62 @@ const ChannelInner = <
     onLinkPreviewDismissed: enrichURLForPreviewConfig?.onLinkPreviewDismissed,
     quotedMessage,
     shouldGenerateVideoThumbnail: props.shouldGenerateVideoThumbnail || true,
-    videoAttachmentSizeHandler: props.videoAttachmentSizeHandler || getVideoAttachmentConfiguration,
+    videoAttachmentSizeHandler:
+      props.videoAttachmentSizeHandler || getVideoAttachmentConfiguration,
     watcher_count: state.watcherCount,
   });
 
-  const channelActionContextValue: ChannelActionContextValue<StreamChatGenerics> = useMemo(
-    () => ({
-      addNotification,
-      closeThread,
-      deleteMessage,
-      dispatch,
-      editMessage,
-      jumpToFirstUnreadMessage,
-      jumpToLatestMessage,
-      jumpToMessage,
-      loadMore,
-      loadMoreNewer,
-      loadMoreThread,
-      markRead,
-      onMentionsClick: onMentionsHoverOrClick,
-      onMentionsHover: onMentionsHoverOrClick,
-      openThread,
-      removeMessage,
-      retrySendMessage,
-      sendMessage,
-      setChannelUnreadUiState,
-      setQuotedMessage,
-      skipMessageDataMemoization,
-      updateMessage,
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      channel.cid,
-      deleteMessage,
-      enrichURLForPreviewConfig?.findURLFn,
-      enrichURLForPreviewConfig?.onLinkPreviewDismissed,
-      loadMore,
-      loadMoreNewer,
-      markRead,
-      quotedMessage,
-      jumpToFirstUnreadMessage,
-      jumpToMessage,
-      jumpToLatestMessage,
-      setChannelUnreadUiState,
-    ],
-  );
+  const channelActionContextValue: ChannelActionContextValue<StreamChatGenerics> =
+    useMemo(
+      () => ({
+        addNotification,
+        closeThread,
+        deleteMessage,
+        dispatch,
+        editMessage,
+        jumpToFirstUnreadMessage,
+        jumpToLatestMessage,
+        jumpToMessage,
+        loadMore,
+        loadMoreNewer,
+        loadMoreThread,
+        markRead,
+        onMentionsClick: onMentionsHoverOrClick,
+        onMentionsHover: onMentionsHoverOrClick,
+        openThread,
+        removeMessage,
+        retrySendMessage,
+        sendMessage,
+        setChannelUnreadUiState,
+        setQuotedMessage,
+        skipMessageDataMemoization,
+        updateMessage,
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [
+        channel.cid,
+        deleteMessage,
+        enrichURLForPreviewConfig?.findURLFn,
+        enrichURLForPreviewConfig?.onLinkPreviewDismissed,
+        loadMore,
+        loadMoreNewer,
+        markRead,
+        quotedMessage,
+        jumpToFirstUnreadMessage,
+        jumpToMessage,
+        jumpToLatestMessage,
+        setChannelUnreadUiState,
+      ],
+    );
 
-  // @ts-expect-error
+  // @ts-expect-error message type mismatch
   const componentContextValue: Partial<ComponentContextValue> = useMemo(
     () => ({
       Attachment: props.Attachment,
       AttachmentPreviewList: props.AttachmentPreviewList,
       AttachmentSelector: props.AttachmentSelector,
-      AttachmentSelectorInitiationButtonContents: props.AttachmentSelectorInitiationButtonContents,
+      AttachmentSelectorInitiationButtonContents:
+        props.AttachmentSelectorInitiationButtonContents,
       AudioRecorder: props.AudioRecorder,
       AutocompleteSuggestionItem: props.AutocompleteSuggestionItem,
       AutocompleteSuggestionList: props.AutocompleteSuggestionList,
@@ -1388,7 +1453,9 @@ const ChannelInner = <
             <TypingProvider value={typingContextValue}>
               <div className={`${chatContainerClass}`}>
                 {dragAndDropWindow && (
-                  <DropzoneProvider {...optionalMessageInputProps}>{children}</DropzoneProvider>
+                  <DropzoneProvider {...optionalMessageInputProps}>
+                    {children}
+                  </DropzoneProvider>
                 )}
                 {!dragAndDropWindow && <>{children}</>}
               </div>
diff --git a/src/components/Channel/__tests__/Channel.test.js b/src/components/Channel/__tests__/Channel.test.js
index 4668c5b16a..f107077fcf 100644
--- a/src/components/Channel/__tests__/Channel.test.js
+++ b/src/components/Channel/__tests__/Channel.test.js
@@ -97,7 +97,11 @@ const messages = Array.from({ length: 25 }, (_, i) =>
 const pinnedMessages = [generateMessage({ pinned: true, user })];
 
 const renderComponent = async (props = {}, callback = () => {}) => {
-  const { channel: channelFromProps, chatClient: chatClientFromProps, ...channelProps } = props;
+  const {
+    channel: channelFromProps,
+    chatClient: chatClientFromProps,
+    ...channelProps
+  } = props;
   let result;
   await act(() => {
     result = render(
@@ -133,7 +137,8 @@ describe('Channel', () => {
     const { messages: channelMessages } = useChannelStateContext();
 
     return channelMessages.map(
-      ({ id, status, text }) => status !== 'failed' && <div key={id || nanoid()}>{text}</div>,
+      ({ id, status, text }) =>
+        status !== 'failed' && <div key={id || nanoid()}>{text}</div>,
     );
   };
 
@@ -206,6 +211,7 @@ describe('Channel', () => {
   it('should render empty channel container if channel does not have cid', async () => {
     const { channel } = await initClient();
     const childrenContent = 'Channel children';
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { cid, ...channelWithoutCID } = channel;
     const { asFragment } = render(
       <ChatProvider
@@ -258,7 +264,9 @@ describe('Channel', () => {
           },
         }}
       >
-        <Channel LoadingIndicator={() => <div>{loadingText}</div>}>{childrenContent}</Channel>
+        <Channel LoadingIndicator={() => <div>{loadingText}</div>}>
+          {childrenContent}
+        </Channel>
       </ChatProvider>,
     );
     await waitFor(() => expect(screen.getByText(loadingText)).toBeInTheDocument());
@@ -314,7 +322,9 @@ describe('Channel', () => {
 
   it('should set hasMore state to false if the initial channel query returns less messages than the default initial page size', async () => {
     const { channel, chatClient } = await initClient();
-    useMockedApis(chatClient, [queryChannelWithNewMessages([generateMessage()], channel)]);
+    useMockedApis(chatClient, [
+      queryChannelWithNewMessages([generateMessage()], channel),
+    ]);
     let hasMore;
     await renderComponent({ channel, chatClient }, ({ hasMore: contextHasMore }) => {
       hasMore = contextHasMore;
@@ -364,7 +374,9 @@ describe('Channel', () => {
 
   it('should set hasMore state to false if the initial channel query returns less messages than the custom query channels options message limit', async () => {
     const { channel, chatClient } = await initClient();
-    useMockedApis(chatClient, [queryChannelWithNewMessages([generateMessage()], channel)]);
+    useMockedApis(chatClient, [
+      queryChannelWithNewMessages([generateMessage()], channel),
+    ]);
     let hasMore;
     const channelQueryOptions = {
       messages: { limit: 10 },
@@ -385,7 +397,10 @@ describe('Channel', () => {
     const { channel, chatClient } = await initClient();
     const equalCount = 10;
     useMockedApis(chatClient, [
-      queryChannelWithNewMessages(Array.from({ length: equalCount }, generateMessage), channel),
+      queryChannelWithNewMessages(
+        Array.from({ length: equalCount }, generateMessage),
+        channel,
+      ),
     ]);
     let hasMore;
     const channelQueryOptions = {
@@ -477,7 +492,10 @@ describe('Channel', () => {
     await renderComponent({ channel, chatClient });
 
     await waitFor(() =>
-      expect(clientOnSpy).toHaveBeenCalledWith('connection.recovered', expect.any(Function)),
+      expect(clientOnSpy).toHaveBeenCalledWith(
+        'connection.recovered',
+        expect.any(Function),
+      ),
     );
   });
 
@@ -635,22 +653,25 @@ describe('Channel', () => {
       const threadMessage = messages[0];
 
       let threadHasAlreadyBeenOpened = false;
-      await renderComponent({ channel, chatClient }, ({ closeThread, openThread, thread }) => {
-        if (!thread) {
-          // if there is no open thread
-          if (!threadHasAlreadyBeenOpened) {
-            // and we haven't opened one before, open a thread
-            openThread(threadMessage, { preventDefault: () => null });
-            threadHasAlreadyBeenOpened = true;
+      await renderComponent(
+        { channel, chatClient },
+        ({ closeThread, openThread, thread }) => {
+          if (!thread) {
+            // if there is no open thread
+            if (!threadHasAlreadyBeenOpened) {
+              // and we haven't opened one before, open a thread
+              openThread(threadMessage, { preventDefault: () => null });
+              threadHasAlreadyBeenOpened = true;
+            } else {
+              // if we opened it ourselves before, it means the thread was successfully closed
+              threadHasClosed = true;
+            }
           } else {
-            // if we opened it ourselves before, it means the thread was successfully closed
-            threadHasClosed = true;
+            // if a thread is open, close it.
+            closeThread({ preventDefault: () => null });
           }
-        } else {
-          // if a thread is open, close it.
-          closeThread({ preventDefault: () => null });
-        }
-      });
+        },
+      );
 
       await waitFor(() => expect(threadHasClosed).toBe(true));
     });
@@ -733,7 +754,9 @@ describe('Channel', () => {
           ({ loadMore, messages: contextMessages }) => {
             if (!contextMessages.find((message) => message.id === newMessages[0].id)) {
               // Our new message is not yet passed as part of channel context. Call loadMore and mock API response to include it.
-              useMockedApis(chatClient, [queryChannelWithNewMessages(newMessages, channel)]);
+              useMockedApis(chatClient, [
+                queryChannelWithNewMessages(newMessages, channel),
+              ]);
               loadMore(limit);
             } else {
               // If message has been added, update checker so we can verify it happened.
@@ -766,7 +789,9 @@ describe('Channel', () => {
           ({ hasMore, loadMore, messages: contextMessages }) => {
             if (!contextMessages.find((message) => message.id === newMessages[0].id)) {
               // Our new message is not yet passed as part of channel context. Call loadMore and mock API response to include it.
-              useMockedApis(chatClient, [queryChannelWithNewMessages(newMessages, channel)]);
+              useMockedApis(chatClient, [
+                queryChannelWithNewMessages(newMessages, channel),
+              ]);
               loadMore(limit);
             } else {
               // If message has been added, set our checker variable, so we can verify if hasMore is false.
@@ -789,7 +814,9 @@ describe('Channel', () => {
           ({ hasMore, loadMore, messages: contextMessages }) => {
             if (!contextMessages.some((message) => message.id === newMessages[0].id)) {
               // Our new messages are not yet passed as part of channel context. Call loadMore and mock API response to include it.
-              useMockedApis(chatClient, [queryChannelWithNewMessages(newMessages, channel)]);
+              useMockedApis(chatClient, [
+                queryChannelWithNewMessages(newMessages, channel),
+              ]);
               loadMore(limit);
             } else {
               // If message has been added, set our checker variable so we can verify if hasMore is true.
@@ -818,7 +845,9 @@ describe('Channel', () => {
       it('should not load the second page, if the previous query has returned less then default limit messages', async () => {
         const { channel, chatClient } = await initClient();
         const firstPageOfMessages = [generateMessage()];
-        useMockedApis(chatClient, [queryChannelWithNewMessages(firstPageOfMessages, channel)]);
+        useMockedApis(chatClient, [
+          queryChannelWithNewMessages(firstPageOfMessages, channel),
+        ]);
         let queryNextPageSpy;
         let contextMessageCount;
         await renderComponent(
@@ -834,7 +863,12 @@ describe('Channel', () => {
           expect(queryNextPageSpy).not.toHaveBeenCalled();
           expect(chatClient.axiosInstance.post).toHaveBeenCalledTimes(1);
           expect(chatClient.axiosInstance.post.mock.calls[0][1]).toMatchObject(
-            expect.objectContaining({ data: {}, presence: false, state: true, watch: false }),
+            expect.objectContaining({
+              data: {},
+              presence: false,
+              state: true,
+              watch: false,
+            }),
           );
           expect(contextMessageCount).toBe(firstPageOfMessages.length);
         });
@@ -848,7 +882,9 @@ describe('Channel', () => {
         const secondPageMessages = Array.from({ length: 15 }, (_, i) =>
           generateMessage({ created_at: new Date((i + 1) * 100000) }),
         );
-        useMockedApis(chatClient, [queryChannelWithNewMessages(firstPageMessages, channel)]);
+        useMockedApis(chatClient, [
+          queryChannelWithNewMessages(firstPageMessages, channel),
+        ]);
         let queryNextPageSpy;
         let contextMessageCount;
         await renderComponent(
@@ -856,7 +892,9 @@ describe('Channel', () => {
           ({ loadMore, messages: contextMessages }) => {
             queryNextPageSpy = jest.spyOn(channel, 'query');
             contextMessageCount = contextMessages.length;
-            useMockedApis(chatClient, [queryChannelWithNewMessages(secondPageMessages, channel)]);
+            useMockedApis(chatClient, [
+              queryChannelWithNewMessages(secondPageMessages, channel),
+            ]);
             loadMore();
           },
         );
@@ -878,7 +916,9 @@ describe('Channel', () => {
               watchers: { limit: 100 },
             }),
           );
-          expect(contextMessageCount).toBe(firstPageMessages.length + secondPageMessages.length);
+          expect(contextMessageCount).toBe(
+            firstPageMessages.length + secondPageMessages.length,
+          );
         });
       });
       it('should not load the second page, if the previous query has returned less then custom limit messages', async () => {
@@ -887,7 +927,9 @@ describe('Channel', () => {
           messages: { limit: 10 },
         };
         const firstPageOfMessages = [generateMessage()];
-        useMockedApis(chatClient, [queryChannelWithNewMessages(firstPageOfMessages, channel)]);
+        useMockedApis(chatClient, [
+          queryChannelWithNewMessages(firstPageOfMessages, channel),
+        ]);
         let queryNextPageSpy;
         let contextMessageCount;
         await renderComponent(
@@ -926,7 +968,9 @@ describe('Channel', () => {
         const secondPageMessages = Array.from({ length: equalCount - 1 }, (_, i) =>
           generateMessage({ created_at: new Date((i + 1) * 100000) }),
         );
-        useMockedApis(chatClient, [queryChannelWithNewMessages(firstPageMessages, channel)]);
+        useMockedApis(chatClient, [
+          queryChannelWithNewMessages(firstPageMessages, channel),
+        ]);
         let queryNextPageSpy;
         let contextMessageCount;
 
@@ -935,7 +979,9 @@ describe('Channel', () => {
           ({ loadMore, messages: contextMessages }) => {
             queryNextPageSpy = jest.spyOn(channel, 'query');
             contextMessageCount = contextMessages.length;
-            useMockedApis(chatClient, [queryChannelWithNewMessages(secondPageMessages, channel)]);
+            useMockedApis(chatClient, [
+              queryChannelWithNewMessages(secondPageMessages, channel),
+            ]);
             loadMore(channelQueryOptions.messages.limit);
           },
         );
@@ -963,7 +1009,9 @@ describe('Channel', () => {
               watchers: { limit: channelQueryOptions.messages.limit },
             }),
           );
-          expect(contextMessageCount).toBe(firstPageMessages.length + secondPageMessages.length);
+          expect(contextMessageCount).toBe(
+            firstPageMessages.length + secondPageMessages.length,
+          );
         });
       });
     });
@@ -973,18 +1021,27 @@ describe('Channel', () => {
       const last_read = new Date(1000);
       const last_read_message_id = 'X';
       const first_unread_message_id = 'Y';
-      const lastReadMessage = generateMessage({ created_at: last_read, id: last_read_message_id });
+      const lastReadMessage = generateMessage({
+        created_at: last_read,
+        id: last_read_message_id,
+      });
       const firstUnreadMessage = generateMessage({ id: first_unread_message_id });
       const currentMessageSetLastReadLoadedFirstUnreadNotLoaded = [
         generateMessage({ created_at: new Date(100) }),
         lastReadMessage,
       ];
-      const currentMessageSetLastReadFirstUnreadLoaded = [lastReadMessage, firstUnreadMessage];
+      const currentMessageSetLastReadFirstUnreadLoaded = [
+        lastReadMessage,
+        firstUnreadMessage,
+      ];
       const currentMessageSetLastReadNotLoadedFirstUnreadLoaded = [
         firstUnreadMessage,
         generateMessage(),
       ];
-      const currentMessageSetFirstUnreadLastReadNotLoaded = [generateMessage(), generateMessage()];
+      const currentMessageSetFirstUnreadLastReadNotLoaded = [
+        generateMessage(),
+        generateMessage(),
+      ];
       const errorNotificationText = 'Failed to jump to the first unread message';
       const ownReadStateBase = {
         last_read,
@@ -1045,7 +1102,10 @@ describe('Channel', () => {
         let highlightedMessageId;
         await renderComponent(
           { channel, chatClient },
-          ({ highlightedMessageId: highlightedMessageIdContext, jumpToFirstUnreadMessage }) => {
+          ({
+            highlightedMessageId: highlightedMessageIdContext,
+            jumpToFirstUnreadMessage,
+          }) => {
             if (hasJumped) {
               highlightedMessageId = highlightedMessageIdContext;
               return;
@@ -1340,7 +1400,9 @@ describe('Channel', () => {
                 return;
               }
               if (!channelUnreadUiState) return;
-              useMockedApis(chatClient, [queryChannelWithNewMessages(jumpToPage, channel)]);
+              useMockedApis(chatClient, [
+                queryChannelWithNewMessages(jumpToPage, channel),
+              ]);
               jumpToFirstUnreadMessage(jumpToPage.length);
               hasJumped = true;
             },
@@ -1383,7 +1445,9 @@ describe('Channel', () => {
             children: <MockMessageList />,
           },
           ({ sendMessage }) => {
-            jest.spyOn(channel, 'sendMessage').mockImplementationOnce(() => new Promise(() => {}));
+            jest
+              .spyOn(channel, 'sendMessage')
+              .mockImplementationOnce(() => new Promise(() => {}));
             if (!hasSent) sendMessage({ text: messageText });
             hasSent = true;
           },
@@ -1482,6 +1546,7 @@ describe('Channel', () => {
       });
       describe('delete message', () => {
         it('should throw error instead of calling default client.deleteMessage() function', async () => {
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
           const { id, ...message } = generateMessage();
           const { channel, chatClient } = await initClient();
           const clientDeleteMessageSpy = jest.spyOn(chatClient, 'deleteMessage');
@@ -1505,10 +1570,13 @@ describe('Channel', () => {
           await renderComponent({ channel, chatClient }, ({ deleteMessage }) => {
             deleteMessage(message);
           });
-          await waitFor(() => expect(clientDeleteMessageSpy).toHaveBeenCalledWith(message.id));
+          await waitFor(() =>
+            expect(clientDeleteMessageSpy).toHaveBeenCalledWith(message.id),
+          );
         });
 
         it('should throw error instead of calling custom doDeleteMessageRequest function', async () => {
+          // eslint-disable-next-line @typescript-eslint/no-unused-vars
           const { id, ...message } = generateMessage();
           const { channel, chatClient } = await initClient();
           const clientDeleteMessageSpy = jest
@@ -1561,7 +1629,11 @@ describe('Channel', () => {
           editMessage(updatedMessage);
         });
         await waitFor(() =>
-          expect(clientUpdateMessageSpy).toHaveBeenCalledWith(updatedMessage, undefined, undefined),
+          expect(clientUpdateMessageSpy).toHaveBeenCalledWith(
+            updatedMessage,
+            undefined,
+            undefined,
+          ),
         );
       });
 
@@ -1577,7 +1649,11 @@ describe('Channel', () => {
         );
 
         await waitFor(() =>
-          expect(doUpdateMessageRequest).toHaveBeenCalledWith(channel.cid, messages[0], undefined),
+          expect(doUpdateMessageRequest).toHaveBeenCalledWith(
+            channel.cid,
+            messages[0],
+            undefined,
+          ),
         );
       });
 
@@ -1611,10 +1687,15 @@ describe('Channel', () => {
           { channel, chatClient, children: <MockMessageList /> },
           ({ messages: contextMessages, retrySendMessage, sendMessage }) => {
             if (!hasSent) {
-              jest.spyOn(channel, 'sendMessage').mockImplementationOnce(() => Promise.reject());
+              jest
+                .spyOn(channel, 'sendMessage')
+                .mockImplementationOnce(() => Promise.reject());
               sendMessage(messageObject);
               hasSent = true;
-            } else if (!hasRetried && contextMessages.some(({ status }) => status === 'failed')) {
+            } else if (
+              !hasRetried &&
+              contextMessages.some(({ status }) => status === 'failed')
+            ) {
               // retry
               useMockedApis(chatClient, [sendMessageApi(messageObject)]);
               retrySendMessage(messageObject);
@@ -1645,7 +1726,10 @@ describe('Channel', () => {
             if (!hasSent) {
               sendMessage(messageObject);
               hasSent = true;
-            } else if (!hasRetried && contextMessages.some(({ status }) => status === 'failed')) {
+            } else if (
+              !hasRetried &&
+              contextMessages.some(({ status }) => status === 'failed')
+            ) {
               // retry
               useMockedApis(chatClient, [sendMessageApi(generateMessage(messageObject))]);
               retrySendMessage(messageObject);
@@ -1701,7 +1785,12 @@ describe('Channel', () => {
         };
       };
 
-      const createChannelEventDispatcher = (body, client, channel, type = 'message.new') =>
+      const createChannelEventDispatcher = (
+        body,
+        client,
+        channel,
+        type = 'message.new',
+      ) =>
         createOneTimeEventDispatcher(
           {
             type,
@@ -1714,7 +1803,11 @@ describe('Channel', () => {
       it('should eventually pass down a message when a message.new event is triggered on the channel', async () => {
         const { channel, chatClient } = await initClient();
         const message = generateMessage({ user });
-        const dispatchMessageEvent = createChannelEventDispatcher({ message }, chatClient, channel);
+        const dispatchMessageEvent = createChannelEventDispatcher(
+          { message },
+          chatClient,
+          channel,
+        );
 
         const { findByText } = await renderComponent(
           {
@@ -1785,8 +1878,12 @@ describe('Channel', () => {
         );
 
         await waitFor(async () => {
-          expect(await queryByText(oldText, undefined, { timeout: 100 })).not.toBeInTheDocument();
-          expect(await queryByText(newText, undefined, { timeout: 100 })).toBeInTheDocument();
+          expect(
+            await queryByText(oldText, undefined, { timeout: 100 }),
+          ).not.toBeInTheDocument();
+          expect(
+            await queryByText(newText, undefined, { timeout: 100 }),
+          ).toBeInTheDocument();
         });
       });
 
@@ -1817,8 +1914,12 @@ describe('Channel', () => {
         );
 
         await waitFor(async () => {
-          expect(await queryByText(oldText, undefined, { timeout: 100 })).not.toBeInTheDocument();
-          expect(await queryByText(newText, undefined, { timeout: 100 })).toBeInTheDocument();
+          expect(
+            await queryByText(oldText, undefined, { timeout: 100 }),
+          ).not.toBeInTheDocument();
+          expect(
+            await queryByText(newText, undefined, { timeout: 100 }),
+          ).toBeInTheDocument();
         });
       });
 
@@ -1827,7 +1928,11 @@ describe('Channel', () => {
         const markReadSpy = jest.spyOn(channel, 'markRead');
 
         const message = generateMessage({ user: generateUser() });
-        const dispatchMessageEvent = createChannelEventDispatcher({ message }, chatClient, channel);
+        const dispatchMessageEvent = createChannelEventDispatcher(
+          { message },
+          chatClient,
+          channel,
+        );
 
         await renderComponent({ channel, chatClient }, () => {
           dispatchMessageEvent();
@@ -1841,7 +1946,11 @@ describe('Channel', () => {
         const markReadSpy = jest.spyOn(channel, 'markRead');
 
         const message = generateMessage({ user: generateUser() });
-        const dispatchMessageEvent = createChannelEventDispatcher({ message }, chatClient, channel);
+        const dispatchMessageEvent = createChannelEventDispatcher(
+          { message },
+          chatClient,
+          channel,
+        );
 
         await renderComponent({ channel, chatClient }, () => {
           dispatchMessageEvent();
@@ -1859,7 +1968,11 @@ describe('Channel', () => {
         });
         jest.spyOn(channel, 'countUnread').mockImplementation(() => unreadAmount);
         const message = generateMessage({ user: generateUser() });
-        const dispatchMessageEvent = createChannelEventDispatcher({ message }, chatClient, channel);
+        const dispatchMessageEvent = createChannelEventDispatcher(
+          { message },
+          chatClient,
+          channel,
+        );
 
         await renderComponent({ channel, chatClient }, () => {
           dispatchMessageEvent();
@@ -1909,18 +2022,21 @@ describe('Channel', () => {
           channel,
         );
         let newThreadMessageWasAdded = false;
-        await renderComponent({ channel, chatClient }, ({ openThread, thread, threadMessages }) => {
-          if (!thread) {
-            // first, open thread
-            openThread(threadMessage, { preventDefault: () => null });
-          } else if (!threadMessages.some(({ id }) => id === newThreadMessage.id)) {
-            // then, add new thread message
-            // FIXME: dispatch event needs to be queued on event loop now
-            setTimeout(() => dispatchNewThreadMessageEvent(), 0);
-          } else {
-            newThreadMessageWasAdded = true;
-          }
-        });
+        await renderComponent(
+          { channel, chatClient },
+          ({ openThread, thread, threadMessages }) => {
+            if (!thread) {
+              // first, open thread
+              openThread(threadMessage, { preventDefault: () => null });
+            } else if (!threadMessages.some(({ id }) => id === newThreadMessage.id)) {
+              // then, add new thread message
+              // FIXME: dispatch event needs to be queued on event loop now
+              setTimeout(() => dispatchNewThreadMessageEvent(), 0);
+            } else {
+              newThreadMessageWasAdded = true;
+            }
+          },
+        );
 
         await waitFor(() => expect(newThreadMessageWasAdded).toBe(true));
       });
@@ -1935,9 +2051,11 @@ describe('Channel', () => {
           name: 'MessageList',
         },
         {
-          callback: (message) => ({ openThread, thread }) => {
-            if (!thread) openThread(message, { preventDefault: () => null });
-          },
+          callback:
+            (message) =>
+            ({ openThread, thread }) => {
+              if (!thread) openThread(message, { preventDefault: () => null });
+            },
           component: Thread,
           getFirstMessageAvatar: () => {
             // the first avatar is that of the ThreadHeader
@@ -1955,7 +2073,11 @@ describe('Channel', () => {
           const dispatchUserUpdatedEvent = createChannelEventDispatcher(
             {
               type: 'user.updated',
-              user: { ...user, ...updatedAttribute, updated_at: new Date().toISOString() },
+              user: {
+                ...user,
+                ...updatedAttribute,
+                updated_at: new Date().toISOString(),
+              },
             },
             chatClient,
             channel,
@@ -2065,7 +2187,11 @@ describe('Channel', () => {
           };
 
           await act(async () => {
-            await renderComponent({ channel: activeChannel, chatClient, children: <Component /> });
+            await renderComponent({
+              channel: activeChannel,
+              chatClient,
+              children: <Component />,
+            });
           });
 
           expect(screen.queryByText(UNREAD_TEXT)).toBeInTheDocument();
diff --git a/src/components/Channel/channelState.ts b/src/components/Channel/channelState.ts
index 686722efdd..b0d77ea3a8 100644
--- a/src/components/Channel/channelState.ts
+++ b/src/components/Channel/channelState.ts
@@ -1,11 +1,15 @@
-import type { Channel, MessageResponse, ChannelState as StreamChannelState } from 'stream-chat';
+import type {
+  Channel,
+  MessageResponse,
+  ChannelState as StreamChannelState,
+} from 'stream-chat';
 
 import type { ChannelState, StreamMessage } from '../../context/ChannelStateContext';
 
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type ChannelStateReducerAction<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > =
   | {
       type: 'closeThread';
@@ -44,7 +48,9 @@ export type ChannelStateReducerAction<
     }
   | {
       threadHasMore: boolean;
-      threadMessages: Array<ReturnType<StreamChannelState<StreamChatGenerics>['formatMessage']>>;
+      threadMessages: Array<
+        ReturnType<StreamChannelState<StreamChatGenerics>['formatMessage']>
+      >;
       type: 'loadMoreThreadFinished';
     }
   | {
@@ -84,183 +90,189 @@ export type ChannelStateReducerAction<
       type: 'jumpToLatestMessage';
     };
 
-export const makeChannelReducer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
->() => (
-  state: ChannelState<StreamChatGenerics>,
-  action: ChannelStateReducerAction<StreamChatGenerics>,
-) => {
-  switch (action.type) {
-    case 'closeThread': {
-      return {
-        ...state,
-        thread: null,
-        threadLoadingMore: false,
-        threadMessages: [],
-      };
-    }
+export const makeChannelReducer =
+  <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() =>
+  (
+    state: ChannelState<StreamChatGenerics>,
+    action: ChannelStateReducerAction<StreamChatGenerics>,
+  ) => {
+    switch (action.type) {
+      case 'closeThread': {
+        return {
+          ...state,
+          thread: null,
+          threadLoadingMore: false,
+          threadMessages: [],
+        };
+      }
 
-    case 'copyMessagesFromChannel': {
-      const { channel, parentId } = action;
-      return {
-        ...state,
-        messages: [...channel.state.messages],
-        pinnedMessages: [...channel.state.pinnedMessages],
-        // copying messages from channel happens with new message - this resets the suppressAutoscroll
-        suppressAutoscroll: false,
-        threadMessages: parentId
-          ? { ...channel.state.threads }[parentId] || []
-          : state.threadMessages,
-      };
-    }
+      case 'copyMessagesFromChannel': {
+        const { channel, parentId } = action;
+        return {
+          ...state,
+          messages: [...channel.state.messages],
+          pinnedMessages: [...channel.state.pinnedMessages],
+          // copying messages from channel happens with new message - this resets the suppressAutoscroll
+          suppressAutoscroll: false,
+          threadMessages: parentId
+            ? { ...channel.state.threads }[parentId] || []
+            : state.threadMessages,
+        };
+      }
 
-    case 'copyStateFromChannelOnEvent': {
-      const { channel } = action;
-      return {
-        ...state,
-        members: { ...channel.state.members },
-        messages: [...channel.state.messages],
-        pinnedMessages: [...channel.state.pinnedMessages],
-        read: { ...channel.state.read },
-        watcherCount: channel.state.watcher_count,
-        watchers: { ...channel.state.watchers },
-      };
-    }
+      case 'copyStateFromChannelOnEvent': {
+        const { channel } = action;
+        return {
+          ...state,
+          members: { ...channel.state.members },
+          messages: [...channel.state.messages],
+          pinnedMessages: [...channel.state.pinnedMessages],
+          read: { ...channel.state.read },
+          watcherCount: channel.state.watcher_count,
+          watchers: { ...channel.state.watchers },
+        };
+      }
 
-    case 'initStateFromChannel': {
-      const { channel, hasMore } = action;
-      return {
-        ...state,
-        hasMore,
-        loading: false,
-        members: { ...channel.state.members },
-        messages: [...channel.state.messages],
-        pinnedMessages: [...channel.state.pinnedMessages],
-        read: { ...channel.state.read },
-        watcherCount: channel.state.watcher_count,
-        watchers: { ...channel.state.watchers },
-      };
-    }
+      case 'initStateFromChannel': {
+        const { channel, hasMore } = action;
+        return {
+          ...state,
+          hasMore,
+          loading: false,
+          members: { ...channel.state.members },
+          messages: [...channel.state.messages],
+          pinnedMessages: [...channel.state.pinnedMessages],
+          read: { ...channel.state.read },
+          watcherCount: channel.state.watcher_count,
+          watchers: { ...channel.state.watchers },
+        };
+      }
 
-    case 'jumpToLatestMessage': {
-      return {
-        ...state,
-        hasMoreNewer: false,
-        highlightedMessageId: undefined,
-        loading: false,
-        suppressAutoscroll: false,
-      };
-    }
+      case 'jumpToLatestMessage': {
+        return {
+          ...state,
+          hasMoreNewer: false,
+          highlightedMessageId: undefined,
+          loading: false,
+          suppressAutoscroll: false,
+        };
+      }
 
-    case 'jumpToMessageFinished': {
-      return {
-        ...state,
-        hasMoreNewer: action.hasMoreNewer,
-        highlightedMessageId: action.highlightedMessageId,
-      };
-    }
+      case 'jumpToMessageFinished': {
+        return {
+          ...state,
+          hasMoreNewer: action.hasMoreNewer,
+          highlightedMessageId: action.highlightedMessageId,
+        };
+      }
 
-    case 'clearHighlightedMessage': {
-      return {
-        ...state,
-        highlightedMessageId: undefined,
-      };
-    }
+      case 'clearHighlightedMessage': {
+        return {
+          ...state,
+          highlightedMessageId: undefined,
+        };
+      }
 
-    case 'loadMoreFinished': {
-      const { hasMore, messages } = action;
-      return {
-        ...state,
-        hasMore,
-        loadingMore: false,
-        messages,
-        suppressAutoscroll: false,
-      };
-    }
+      case 'loadMoreFinished': {
+        const { hasMore, messages } = action;
+        return {
+          ...state,
+          hasMore,
+          loadingMore: false,
+          messages,
+          suppressAutoscroll: false,
+        };
+      }
 
-    case 'loadMoreNewerFinished': {
-      const { hasMoreNewer, messages } = action;
-      return {
-        ...state,
-        hasMoreNewer,
-        loadingMoreNewer: false,
-        messages,
-      };
-    }
+      case 'loadMoreNewerFinished': {
+        const { hasMoreNewer, messages } = action;
+        return {
+          ...state,
+          hasMoreNewer,
+          loadingMoreNewer: false,
+          messages,
+        };
+      }
 
-    case 'loadMoreThreadFinished': {
-      const { threadHasMore, threadMessages } = action;
-      return {
-        ...state,
-        threadHasMore,
-        threadLoadingMore: false,
-        threadMessages,
-      };
-    }
+      case 'loadMoreThreadFinished': {
+        const { threadHasMore, threadMessages } = action;
+        return {
+          ...state,
+          threadHasMore,
+          threadLoadingMore: false,
+          threadMessages,
+        };
+      }
 
-    case 'openThread': {
-      const { channel, message } = action;
-      return {
-        ...state,
-        thread: message,
-        threadHasMore: true,
-        threadMessages: message.id ? { ...channel.state.threads }[message.id] || [] : [],
-        threadSuppressAutoscroll: false,
-      };
-    }
+      case 'openThread': {
+        const { channel, message } = action;
+        return {
+          ...state,
+          thread: message,
+          threadHasMore: true,
+          threadMessages: message.id
+            ? { ...channel.state.threads }[message.id] || []
+            : [],
+          threadSuppressAutoscroll: false,
+        };
+      }
 
-    case 'setError': {
-      const { error } = action;
-      return { ...state, error };
-    }
+      case 'setError': {
+        const { error } = action;
+        return { ...state, error };
+      }
 
-    case 'setLoadingMore': {
-      const { loadingMore } = action;
-      // suppress the autoscroll behavior
-      return { ...state, loadingMore, suppressAutoscroll: loadingMore };
-    }
+      case 'setLoadingMore': {
+        const { loadingMore } = action;
+        // suppress the autoscroll behavior
+        return { ...state, loadingMore, suppressAutoscroll: loadingMore };
+      }
 
-    case 'setLoadingMoreNewer': {
-      const { loadingMoreNewer } = action;
-      return { ...state, loadingMoreNewer };
-    }
+      case 'setLoadingMoreNewer': {
+        const { loadingMoreNewer } = action;
+        return { ...state, loadingMoreNewer };
+      }
 
-    case 'setThread': {
-      const { message } = action;
-      return { ...state, thread: message };
-    }
+      case 'setThread': {
+        const { message } = action;
+        return { ...state, thread: message };
+      }
 
-    case 'setTyping': {
-      const { channel } = action;
-      return {
-        ...state,
-        typing: { ...channel.state.typing },
-      };
-    }
+      case 'setTyping': {
+        const { channel } = action;
+        return {
+          ...state,
+          typing: { ...channel.state.typing },
+        };
+      }
 
-    case 'startLoadingThread': {
-      return {
-        ...state,
-        threadLoadingMore: true,
-        threadSuppressAutoscroll: true,
-      };
-    }
+      case 'startLoadingThread': {
+        return {
+          ...state,
+          threadLoadingMore: true,
+          threadSuppressAutoscroll: true,
+        };
+      }
 
-    case 'updateThreadOnEvent': {
-      const { channel, message } = action;
-      if (!state.thread) return state;
-      return {
-        ...state,
-        thread:
-          message?.id === state.thread.id ? channel.state.formatMessage(message) : state.thread,
-        threadMessages: state.thread?.id ? { ...channel.state.threads }[state.thread.id] || [] : [],
-      };
-    }
+      case 'updateThreadOnEvent': {
+        const { channel, message } = action;
+        if (!state.thread) return state;
+        return {
+          ...state,
+          thread:
+            message?.id === state.thread.id
+              ? channel.state.formatMessage(message)
+              : state.thread,
+          threadMessages: state.thread?.id
+            ? { ...channel.state.threads }[state.thread.id] || []
+            : [],
+        };
+      }
 
-    default:
-      return state;
-  }
-};
+      default:
+        return state;
+    }
+  };
 
 export const initialState = {
   error: null,
diff --git a/src/components/Channel/hooks/useChannelContainerClasses.ts b/src/components/Channel/hooks/useChannelContainerClasses.ts
index f3d8477350..7a04dd808f 100644
--- a/src/components/Channel/hooks/useChannelContainerClasses.ts
+++ b/src/components/Channel/hooks/useChannelContainerClasses.ts
@@ -4,7 +4,7 @@ import { useChatContext } from '../../../context/ChatContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useImageFlagEmojisOnWindowsClass = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >() => {
   const { useImageFlagEmojisOnWindows } = useChatContext<StreamChatGenerics>('Channel');
   return useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/)
@@ -12,10 +12,11 @@ export const useImageFlagEmojisOnWindowsClass = <
     : '';
 };
 
-export const getChatContainerClass = (customClass?: string) => customClass ?? 'str-chat__container';
+export const getChatContainerClass = (customClass?: string) =>
+  customClass ?? 'str-chat__container';
 
 export const useChannelContainerClasses = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   customClasses,
 }: Pick<ChatContextValue, 'customClasses'>) => {
diff --git a/src/components/Channel/hooks/useCreateChannelStateContext.ts b/src/components/Channel/hooks/useCreateChannelStateContext.ts
index 114b95cf34..97625703d7 100644
--- a/src/components/Channel/hooks/useCreateChannelStateContext.ts
+++ b/src/components/Channel/hooks/useCreateChannelStateContext.ts
@@ -7,7 +7,7 @@ import type { ChannelStateContextValue } from '../../../context/ChannelStateCont
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateChannelStateContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   value: Omit<ChannelStateContextValue<StreamChatGenerics>, 'channelCapabilities'> & {
     channelCapabilitiesArray: string[];
@@ -19,17 +19,17 @@ export const useCreateChannelStateContext = <
     channel,
     channelCapabilitiesArray = [],
     channelConfig,
+    channelUnreadUiState,
     debounceURLEnrichmentMs,
     dragAndDropWindow,
     enrichURLForPreview,
-    giphyVersion,
     error,
     findURLFn,
+    giphyVersion,
     hasMore,
     hasMoreNewer,
-    imageAttachmentSizeHandler,
-    suppressAutoscroll,
     highlightedMessageId,
+    imageAttachmentSizeHandler,
     loading,
     loadingMore,
     maxNumberOfFiles,
@@ -44,14 +44,14 @@ export const useCreateChannelStateContext = <
     read = {},
     shouldGenerateVideoThumbnail,
     skipMessageDataMemoization,
+    suppressAutoscroll,
     thread,
     threadHasMore,
     threadLoadingMore,
     threadMessages = [],
-    channelUnreadUiState,
     videoAttachmentSizeHandler,
-    watcherCount,
     watcher_count,
+    watcherCount,
     watchers,
   } = value;
 
@@ -61,7 +61,9 @@ export const useCreateChannelStateContext = <
   const notificationsLength = notifications.length;
   const readUsers = Object.values(read);
   const readUsersLength = readUsers.length;
-  const readUsersLastReads = readUsers.map(({ last_read }) => last_read.toISOString()).join();
+  const readUsersLastReads = readUsers
+    .map(({ last_read }) => last_read.toISOString())
+    .join();
   const threadMessagesLength = threadMessages?.length;
 
   const channelCapabilities: Record<string, boolean> = {};
@@ -74,7 +76,15 @@ export const useCreateChannelStateContext = <
     ? messages
     : messages
         .map(
-          ({ deleted_at, latest_reactions, pinned, reply_count, status, updated_at, user }) =>
+          ({
+            deleted_at,
+            latest_reactions,
+            pinned,
+            reply_count,
+            status,
+            updated_at,
+            user,
+          }) =>
             `${deleted_at}${
               latest_reactions ? latest_reactions.map(({ type }) => type).join() : ''
             }${pinned}${reply_count}${status}${
diff --git a/src/components/Channel/hooks/useCreateTypingContext.ts b/src/components/Channel/hooks/useCreateTypingContext.ts
index ee55dfe04c..726156fee4 100644
--- a/src/components/Channel/hooks/useCreateTypingContext.ts
+++ b/src/components/Channel/hooks/useCreateTypingContext.ts
@@ -4,7 +4,7 @@ import type { TypingContextValue } from '../../../context/TypingContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateTypingContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   value: TypingContextValue<StreamChatGenerics>,
 ) => {
diff --git a/src/components/Channel/hooks/useEditMessageHandler.ts b/src/components/Channel/hooks/useEditMessageHandler.ts
index f5067e8870..1776d7494a 100644
--- a/src/components/Channel/hooks/useEditMessageHandler.ts
+++ b/src/components/Channel/hooks/useEditMessageHandler.ts
@@ -2,10 +2,13 @@ import { useChatContext } from '../../../context/ChatContext';
 
 import type { StreamChat, UpdatedMessage } from 'stream-chat';
 
-import type { DefaultStreamChatGenerics, UpdateMessageOptions } from '../../../types/types';
+import type {
+  DefaultStreamChatGenerics,
+  UpdateMessageOptions,
+} from '../../../types/types';
 
 type UpdateHandler<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = (
   cid: string,
   updatedMessage: UpdatedMessage<StreamChatGenerics>,
@@ -13,15 +16,20 @@ type UpdateHandler<
 ) => ReturnType<StreamChat<StreamChatGenerics>['updateMessage']>;
 
 export const useEditMessageHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   doUpdateMessageRequest?: UpdateHandler<StreamChatGenerics>,
 ) => {
   const { channel, client } = useChatContext<StreamChatGenerics>('useEditMessageHandler');
 
-  return (updatedMessage: UpdatedMessage<StreamChatGenerics>, options?: UpdateMessageOptions) => {
+  return (
+    updatedMessage: UpdatedMessage<StreamChatGenerics>,
+    options?: UpdateMessageOptions,
+  ) => {
     if (doUpdateMessageRequest && channel) {
-      return Promise.resolve(doUpdateMessageRequest(channel.cid, updatedMessage, options));
+      return Promise.resolve(
+        doUpdateMessageRequest(channel.cid, updatedMessage, options),
+      );
     }
     return client.updateMessage(updatedMessage, undefined, options);
   };
diff --git a/src/components/Channel/hooks/useMentionsHandlers.ts b/src/components/Channel/hooks/useMentionsHandlers.ts
index ea42f6fab9..af0cc4f26b 100644
--- a/src/components/Channel/hooks/useMentionsHandlers.ts
+++ b/src/components/Channel/hooks/useMentionsHandlers.ts
@@ -5,18 +5,24 @@ import type { UserResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export type OnMentionAction<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = (event: React.BaseSyntheticEvent, user?: UserResponse<StreamChatGenerics>) => void;
 
 export const useMentionsHandlers = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   onMentionsHover?: OnMentionAction<StreamChatGenerics>,
   onMentionsClick?: OnMentionAction<StreamChatGenerics>,
 ) =>
   useCallback(
-    (event: React.BaseSyntheticEvent, mentioned_users: UserResponse<StreamChatGenerics>[]) => {
-      if ((!onMentionsHover && !onMentionsClick) || !(event.target instanceof HTMLElement)) {
+    (
+      event: React.BaseSyntheticEvent,
+      mentioned_users: UserResponse<StreamChatGenerics>[],
+    ) => {
+      if (
+        (!onMentionsHover && !onMentionsClick) ||
+        !(event.target instanceof HTMLElement)
+      ) {
         return;
       }
 
@@ -25,7 +31,9 @@ export const useMentionsHandlers = <
 
       if (textContent[0] === '@') {
         const userName = textContent.replace('@', '');
-        const user = mentioned_users?.find(({ id, name }) => name === userName || id === userName);
+        const user = mentioned_users?.find(
+          ({ id, name }) => name === userName || id === userName,
+        );
 
         if (
           onMentionsHover &&
@@ -35,7 +43,11 @@ export const useMentionsHandlers = <
           onMentionsHover(event, user);
         }
 
-        if (onMentionsClick && event.type === 'click' && typeof onMentionsClick === 'function') {
+        if (
+          onMentionsClick &&
+          event.type === 'click' &&
+          typeof onMentionsClick === 'function'
+        ) {
           onMentionsClick(event, user);
         }
       }
diff --git a/src/components/Channel/utils.ts b/src/components/Channel/utils.ts
index aa7b6af1b6..76af600a1c 100644
--- a/src/components/Channel/utils.ts
+++ b/src/components/Channel/utils.ts
@@ -4,28 +4,30 @@ import type { ChannelState, MessageResponse } from 'stream-chat';
 import type { ChannelNotifications } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types';
 
-export const makeAddNotifications = (
-  setNotifications: Dispatch<SetStateAction<ChannelNotifications>>,
-  notificationTimeouts: NodeJS.Timeout[],
-) => (text: string, type: 'success' | 'error') => {
-  if (typeof text !== 'string' || (type !== 'success' && type !== 'error')) {
-    return;
-  }
+export const makeAddNotifications =
+  (
+    setNotifications: Dispatch<SetStateAction<ChannelNotifications>>,
+    notificationTimeouts: NodeJS.Timeout[],
+  ) =>
+  (text: string, type: 'success' | 'error') => {
+    if (typeof text !== 'string' || (type !== 'success' && type !== 'error')) {
+      return;
+    }
 
-  const id = nanoid();
+    const id = nanoid();
 
-  setNotifications((prevNotifications) => [...prevNotifications, { id, text, type }]);
+    setNotifications((prevNotifications) => [...prevNotifications, { id, text, type }]);
 
-  const timeout = setTimeout(
-    () =>
-      setNotifications((prevNotifications) =>
-        prevNotifications.filter((notification) => notification.id !== id),
-      ),
-    5000,
-  );
+    const timeout = setTimeout(
+      () =>
+        setNotifications((prevNotifications) =>
+          prevNotifications.filter((notification) => notification.id !== id),
+        ),
+      5000,
+    );
 
-  notificationTimeouts.push(timeout);
-};
+    notificationTimeouts.push(timeout);
+  };
 
 /**
  * Utility function for jumpToFirstUnreadMessage
@@ -33,7 +35,7 @@ export const makeAddNotifications = (
  * @param msgSet
  */
 export const findInMsgSetById = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   targetId: string,
   msgSet: ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>[],
@@ -59,7 +61,7 @@ export const findInMsgSetById = <
  * @param exact
  */
 export const findInMsgSetByDate = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   targetDate: Date,
   msgSet:
@@ -73,7 +75,9 @@ export const findInMsgSetByDate = <
   let right = msgSet.length - 1;
   while (left <= right) {
     middle = Math.floor((right + left) / 2);
-    const middleTimestamp = new Date(msgSet[middle].created_at as string | Date).getTime();
+    const middleTimestamp = new Date(
+      msgSet[middle].created_at as string | Date,
+    ).getTime();
     const middleLeftTimestamp =
       msgSet[middle - 1]?.created_at &&
       new Date(msgSet[middle - 1].created_at as string | Date).getTime();
@@ -93,7 +97,10 @@ export const findInMsgSetByDate = <
     else right = middle - 1;
   }
 
-  if (!exact || new Date(msgSet[left].created_at as string | Date).getTime() === targetTimestamp) {
+  if (
+    !exact ||
+    new Date(msgSet[left].created_at as string | Date).getTime() === targetTimestamp
+  ) {
     return { index: left, target: msgSet[left] };
   }
   return { index: -1 };
diff --git a/src/components/ChannelHeader/ChannelHeader.tsx b/src/components/ChannelHeader/ChannelHeader.tsx
index 05e56d9d96..e76c81a327 100644
--- a/src/components/ChannelHeader/ChannelHeader.tsx
+++ b/src/components/ChannelHeader/ChannelHeader.tsx
@@ -28,19 +28,20 @@ export type ChannelHeaderProps = {
  * The ChannelHeader component renders some basic information about a Channel.
  */
 export const ChannelHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: ChannelHeaderProps,
 ) => {
   const {
     Avatar = DefaultAvatar,
-    MenuIcon = DefaultMenuIcon,
     image: overrideImage,
     live,
+    MenuIcon = DefaultMenuIcon,
     title: overrideTitle,
   } = props;
 
-  const { channel, watcher_count } = useChannelStateContext<StreamChatGenerics>('ChannelHeader');
+  const { channel, watcher_count } =
+    useChannelStateContext<StreamChatGenerics>('ChannelHeader');
   const { openMobileNav } = useChatContext<StreamChatGenerics>('ChannelHeader');
   const { t } = useTranslationContext('ChannelHeader');
   const { displayImage, displayTitle, groupChannelDisplayInfo } = useChannelPreviewInfo({
@@ -70,7 +71,9 @@ export const ChannelHeader = <
         <p className='str-chat__channel-header-title'>
           {displayTitle}{' '}
           {live && (
-            <span className='str-chat__header-livestream-livelabel'>{t<string>('live')}</span>
+            <span className='str-chat__header-livestream-livelabel'>
+              {t<string>('live')}
+            </span>
           )}
         </p>
         {subtitle && <p className='str-chat__channel-header-subtitle'>{subtitle}</p>}
diff --git a/src/components/ChannelHeader/__tests__/ChannelHeader.test.js b/src/components/ChannelHeader/__tests__/ChannelHeader.test.js
index b6d10b7496..ab09f9ee13 100644
--- a/src/components/ChannelHeader/__tests__/ChannelHeader.test.js
+++ b/src/components/ChannelHeader/__tests__/ChannelHeader.test.js
@@ -59,7 +59,7 @@ async function renderComponent(props, channelData, channelType = 'messaging') {
   return renderComponentBase({ channel, client, props });
 }
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('ChannelHeader', () => {
   it('should display live label when prop live is true', async () => {
@@ -69,7 +69,9 @@ describe('ChannelHeader', () => {
     );
     const results = await axe(container);
     expect(results).toHaveNoViolations();
-    expect(container.querySelector('.str-chat__header-livestream-livelabel')).toBeInTheDocument();
+    expect(
+      container.querySelector('.str-chat__header-livestream-livelabel'),
+    ).toBeInTheDocument();
   });
 
   it("should display avatar with fallback image only if other user's name is available", async () => {
@@ -170,7 +172,9 @@ describe('ChannelHeader', () => {
     const updatedAttribute = { name: 'new-name' };
     await renderComponent();
 
-    await waitFor(() => expect(screen.queryByText(updatedAttribute.name)).not.toBeInTheDocument());
+    await waitFor(() =>
+      expect(screen.queryByText(updatedAttribute.name)).not.toBeInTheDocument(),
+    );
     act(() => {
       dispatchUserUpdatedEvent(client, { ...user2, ...updatedAttribute });
     });
@@ -190,7 +194,10 @@ describe('ChannelHeader', () => {
       dispatchUserUpdatedEvent(client, { ...user2, ...updatedAttribute });
     });
     await waitFor(() =>
-      expect(screen.getByTestId('avatar-img')).toHaveAttribute('src', updatedAttribute.image),
+      expect(screen.getByTestId('avatar-img')).toHaveAttribute(
+        'src',
+        updatedAttribute.image,
+      ),
     );
   });
 
@@ -273,8 +280,14 @@ describe('ChannelHeader', () => {
         const avatarImages = screen.getAllByTestId(AVATAR_IMG_TEST_ID);
         expect(avatarImages).toHaveLength(3);
         expect(avatarImages[0]).toHaveAttribute('src', ownUser.image);
-        expect(avatarImages[1]).toHaveAttribute('src', channelState.members[1].user.image);
-        expect(avatarImages[2]).toHaveAttribute('src', channelState.members[2].user.image);
+        expect(avatarImages[1]).toHaveAttribute(
+          'src',
+          channelState.members[1].user.image,
+        );
+        expect(avatarImages[2]).toHaveAttribute(
+          'src',
+          channelState.members[2].user.image,
+        );
       });
 
       act(() => {
@@ -284,8 +297,14 @@ describe('ChannelHeader', () => {
       await waitFor(() => {
         const avatarImages = screen.getAllByTestId(AVATAR_IMG_TEST_ID);
         expect(avatarImages[0]).toHaveAttribute('src', updatedAttribute.image);
-        expect(avatarImages[1]).toHaveAttribute('src', channelState.members[1].user.image);
-        expect(avatarImages[2]).toHaveAttribute('src', channelState.members[2].user.image);
+        expect(avatarImages[1]).toHaveAttribute(
+          'src',
+          channelState.members[1].user.image,
+        );
+        expect(avatarImages[2]).toHaveAttribute(
+          'src',
+          channelState.members[2].user.image,
+        );
       });
     });
 
@@ -305,8 +324,14 @@ describe('ChannelHeader', () => {
         const avatarImages = screen.getAllByTestId(AVATAR_IMG_TEST_ID);
         expect(avatarImages).toHaveLength(3);
         expect(avatarImages[0]).toHaveAttribute('src', ownUser.image);
-        expect(avatarImages[1]).toHaveAttribute('src', channelState.members[1].user.image);
-        expect(avatarImages[2]).toHaveAttribute('src', channelState.members[2].user.image);
+        expect(avatarImages[1]).toHaveAttribute(
+          'src',
+          channelState.members[1].user.image,
+        );
+        expect(avatarImages[2]).toHaveAttribute(
+          'src',
+          channelState.members[2].user.image,
+        );
       });
 
       act(() => {
@@ -316,7 +341,10 @@ describe('ChannelHeader', () => {
       await waitFor(() => {
         const avatarImages = screen.getAllByTestId(AVATAR_IMG_TEST_ID);
         expect(avatarImages[0]).toHaveAttribute('src', ownUser.image);
-        expect(avatarImages[1]).toHaveAttribute('src', channelState.members[1].user.image);
+        expect(avatarImages[1]).toHaveAttribute(
+          'src',
+          channelState.members[1].user.image,
+        );
         expect(avatarImages[2]).toHaveAttribute('src', updatedAttribute.image);
       });
     });
diff --git a/src/components/ChannelList/ChannelList.tsx b/src/components/ChannelList/ChannelList.tsx
index dd60c6f42c..3b63f2ddc9 100644
--- a/src/components/ChannelList/ChannelList.tsx
+++ b/src/components/ChannelList/ChannelList.tsx
@@ -4,11 +4,17 @@ import clsx from 'clsx';
 import { ChannelListMessenger, ChannelListMessengerProps } from './ChannelListMessenger';
 import { useConnectionRecoveredListener } from './hooks/useConnectionRecoveredListener';
 import { useMobileNavigation } from './hooks/useMobileNavigation';
-import { CustomQueryChannelsFn, usePaginatedChannels } from './hooks/usePaginatedChannels';
+import {
+  CustomQueryChannelsFn,
+  usePaginatedChannels,
+} from './hooks/usePaginatedChannels';
 import { MAX_QUERY_CHANNELS_LIMIT, moveChannelUpwards } from './utils';
 
 import { Avatar as DefaultAvatar } from '../Avatar';
-import { ChannelPreview, ChannelPreviewUIComponentProps } from '../ChannelPreview/ChannelPreview';
+import {
+  ChannelPreview,
+  ChannelPreviewUIComponentProps,
+} from '../ChannelPreview/ChannelPreview';
 import {
   ChannelSearchProps,
   ChannelSearch as DefaultChannelSearch,
@@ -24,21 +30,33 @@ import { NullComponent } from '../UtilityComponents';
 import { ChannelListContextProvider, ChatContextValue } from '../../context';
 import { useChatContext } from '../../context/ChatContext';
 
-import type { Channel, ChannelFilters, ChannelOptions, ChannelSort, Event } from 'stream-chat';
+import type {
+  Channel,
+  ChannelFilters,
+  ChannelOptions,
+  ChannelSort,
+  Event,
+} from 'stream-chat';
 import type { ChannelAvatarProps } from '../Avatar';
 import type { TranslationContextValue } from '../../context/TranslationContext';
 import type { DefaultStreamChatGenerics, PaginatorProps } from '../../types/types';
-import { useChannelListShape, usePrepareShapeHandlers } from './hooks/useChannelListShape';
+import {
+  useChannelListShape,
+  usePrepareShapeHandlers,
+} from './hooks/useChannelListShape';
 
 const DEFAULT_FILTERS = {};
 const DEFAULT_OPTIONS = {};
 const DEFAULT_SORT = {};
 
 export type ChannelListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** Additional props for underlying ChannelSearch component and channel search controller, [available props](https://getstream.io/chat/docs/sdk/react/utility-components/channel_search/#props) */
-  additionalChannelSearchProps?: Omit<ChannelSearchProps<StreamChatGenerics>, 'setChannels'>;
+  additionalChannelSearchProps?: Omit<
+    ChannelSearchProps<StreamChatGenerics>,
+    'setChannels'
+  >;
   /**
    * When the client receives `message.new`, `notification.message_new`, and `notification.added_to_channel` events, we automatically
    * push that channel to the top of the list. If the channel doesn't currently exist in the list, we grab the channel from
@@ -153,13 +171,15 @@ export type ChannelListProps<
   watchers?: { limit?: number; offset?: number };
 };
 
-const UnMemoizedChannelList = <SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
+const UnMemoizedChannelList = <
+  SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
   props: ChannelListProps<SCG>,
 ) => {
   const {
     additionalChannelSearchProps,
-    Avatar = DefaultAvatar,
     allowNewMessagesFromUnfilteredChannels = true,
+    Avatar = DefaultAvatar,
     channelRenderFilterFn,
     ChannelSearch = DefaultChannelSearch,
     customActiveChannel,
@@ -167,9 +187,9 @@ const UnMemoizedChannelList = <SCG extends DefaultStreamChatGenerics = DefaultSt
     EmptyStateIndicator = DefaultEmptyStateIndicator,
     filters = {},
     getLatestMessagePreview,
+    List = ChannelListMessenger,
     LoadingErrorIndicator = NullComponent,
     LoadingIndicator = LoadingChannels,
-    List = ChannelListMessenger,
     lockChannelOrder = false,
     onAddedToChannel,
     onChannelDeleted,
@@ -215,17 +235,24 @@ const UnMemoizedChannelList = <SCG extends DefaultStreamChatGenerics = DefaultSt
     channels: Array<Channel<SCG>>,
     setChannels: React.Dispatch<React.SetStateAction<Array<Channel<SCG>>>>,
   ) => {
-    if (!channels.length || channels.length > (options?.limit || MAX_QUERY_CHANNELS_LIMIT)) {
+    if (
+      !channels.length ||
+      channels.length > (options?.limit || MAX_QUERY_CHANNELS_LIMIT)
+    ) {
       return;
     }
 
     if (customActiveChannel) {
       // FIXME: this is wrong...
-      let customActiveChannelObject = channels.find((chan) => chan.id === customActiveChannel);
+      let customActiveChannelObject = channels.find(
+        (chan) => chan.id === customActiveChannel,
+      );
 
       if (!customActiveChannelObject) {
-        //@ts-expect-error
-        [customActiveChannelObject] = await client.queryChannels({ id: customActiveChannel });
+        //@ts-expect-error valid query
+        [customActiveChannelObject] = await client.queryChannels({
+          id: customActiveChannel,
+        });
       }
 
       if (customActiveChannelObject) {
@@ -277,7 +304,9 @@ const UnMemoizedChannelList = <SCG extends DefaultStreamChatGenerics = DefaultSt
     customQueryChannels,
   );
 
-  const loadedChannels = channelRenderFilterFn ? channelRenderFilterFn(channels) : channels;
+  const loadedChannels = channelRenderFilterFn
+    ? channelRenderFilterFn(channels)
+    : channels;
 
   useMobileNavigation(channelListRef, navOpen, closeMobileNav);
 
@@ -345,7 +374,8 @@ const UnMemoizedChannelList = <SCG extends DefaultStreamChatGenerics = DefaultSt
     theme,
     customClasses?.channelList ?? `${baseClass} ${baseClass}-react`,
     {
-      'str-chat--windows-flags': useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/),
+      'str-chat--windows-flags':
+        useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/),
       [`${baseClass}--open`]: navOpen,
     },
   );
@@ -397,4 +427,6 @@ const UnMemoizedChannelList = <SCG extends DefaultStreamChatGenerics = DefaultSt
 /**
  * Renders a preview list of Channels, allowing you to select the Channel you want to open
  */
-export const ChannelList = React.memo(UnMemoizedChannelList) as typeof UnMemoizedChannelList;
+export const ChannelList = React.memo(
+  UnMemoizedChannelList,
+) as typeof UnMemoizedChannelList;
diff --git a/src/components/ChannelList/ChannelListMessenger.tsx b/src/components/ChannelList/ChannelListMessenger.tsx
index 234222bcc2..fab76f40ac 100644
--- a/src/components/ChannelList/ChannelListMessenger.tsx
+++ b/src/components/ChannelList/ChannelListMessenger.tsx
@@ -8,7 +8,7 @@ import type { APIErrorResponse, Channel, ErrorFromResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type ChannelListMessengerProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** Whether the channel query request returned an errored response */
   error: ErrorFromResponse<APIErrorResponse> | null;
@@ -28,7 +28,7 @@ export type ChannelListMessengerProps<
  * A preview list of channels, allowing you to select the channel you want to open
  */
 export const ChannelListMessenger = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: PropsWithChildren<ChannelListMessengerProps<StreamChatGenerics>>,
 ) => {
diff --git a/src/components/ChannelList/__tests__/ChannelList.test.js b/src/components/ChannelList/__tests__/ChannelList.test.js
index a7f048b1c3..87c40982f3 100644
--- a/src/components/ChannelList/__tests__/ChannelList.test.js
+++ b/src/components/ChannelList/__tests__/ChannelList.test.js
@@ -60,7 +60,11 @@ const channelsQueryStateMock = {
  * to those components might end up breaking tests for ChannelList, which will be quite painful
  * to debug then.
  */
-const ChannelPreviewComponent = ({ channel, channelUpdateCount, latestMessagePreview }) => (
+const ChannelPreviewComponent = ({
+  channel,
+  channelUpdateCount,
+  latestMessagePreview,
+}) => (
   <div data-testid={channel.id} role='listitem'>
     <div data-testid='channelUpdateCount'>{channelUpdateCount}</div>
     <div>{channel.data.name}</div>
@@ -219,7 +223,9 @@ describe('ChannelList', () => {
         }),
       filters: {},
     };
-    const queryChannelsMock = jest.spyOn(client, 'queryChannels').mockImplementationOnce();
+    const queryChannelsMock = jest
+      .spyOn(client, 'queryChannels')
+      .mockImplementationOnce();
 
     const { rerender } = render(
       <Chat client={client}>
@@ -294,7 +300,7 @@ describe('ChannelList', () => {
     // Wait for list of channels to load in DOM.
     await waitFor(() => {
       expect(getByRole('list')).toBeInTheDocument();
-      // eslint-disable-next-line jest-dom/prefer-in-document
+
       expect(queryAllByRole('listitem')).toHaveLength(1);
     });
     const results = await axe(container);
@@ -408,7 +414,9 @@ describe('ChannelList', () => {
   it('when queryChannels api returns no channels, `EmptyStateIndicator` should be rendered', async () => {
     useMockedApis(chatClient, [queryChannelsApi([])]);
 
-    const EmptyStateIndicator = () => <div data-testid='empty-state-indicator' role='listitem' />;
+    const EmptyStateIndicator = () => (
+      <div data-testid='empty-state-indicator' role='listitem' />
+    );
 
     const { container, getByTestId } = render(
       <Chat client={chatClient}>
@@ -430,7 +438,9 @@ describe('ChannelList', () => {
 
   it('should show unique channels', async () => {
     useMockedApis(chatClient, [queryChannelsApi([testChannel1, testChannel2])]);
-    const ChannelPreview = (props) => <div data-testid={props.channel.id} role='listitem' />;
+    const ChannelPreview = (props) => (
+      <div data-testid={props.channel.id} role='listitem' />
+    );
     render(
       <Chat client={chatClient}>
         <ChannelList filters={{}} options={{ limit: 2 }} Preview={ChannelPreview} />
@@ -620,7 +630,7 @@ describe('ChannelList', () => {
       let channel;
       beforeEach(async () => {
         client = await getTestClientWithUser({ id: user1.id });
-        // eslint-disable-next-line react-hooks/rules-of-hooks
+
         useMockedApis(client, [getOrCreateChannelApi(mockedChannels[0])]);
         channel = client.channel('messaging', mockedChannels[0].id);
         await channel.watch();
@@ -661,7 +671,9 @@ describe('ChannelList', () => {
         });
 
         await waitFor(() => {
-          expect(container.querySelector(SEARCH_RESULT_LIST_SELECTOR)).not.toBeInTheDocument();
+          expect(
+            container.querySelector(SEARCH_RESULT_LIST_SELECTOR),
+          ).not.toBeInTheDocument();
           expect(screen.queryByLabelText('Channel list')).toBeInTheDocument();
         });
       });
@@ -737,9 +749,13 @@ describe('ChannelList', () => {
 
           await waitFor(() => {
             if (clearSearchOnClickOutside) {
-              expect(container.querySelector(SEARCH_RESULT_LIST_SELECTOR)).not.toBeInTheDocument();
+              expect(
+                container.querySelector(SEARCH_RESULT_LIST_SELECTOR),
+              ).not.toBeInTheDocument();
             } else {
-              expect(container.querySelector(SEARCH_RESULT_LIST_SELECTOR)).toBeInTheDocument();
+              expect(
+                container.querySelector(SEARCH_RESULT_LIST_SELECTOR),
+              ).toBeInTheDocument();
             }
           });
           jest.useRealTimers();
@@ -763,7 +779,9 @@ describe('ChannelList', () => {
           await fireEvent.click(clearButton);
         });
         await waitFor(() => {
-          expect(container.querySelector(SEARCH_RESULT_LIST_SELECTOR)).not.toBeInTheDocument();
+          expect(
+            container.querySelector(SEARCH_RESULT_LIST_SELECTOR),
+          ).not.toBeInTheDocument();
           expect(container.querySelector(CHANNEL_LIST_SELECTOR)).toBeInTheDocument();
           expect(input).toHaveValue('');
           expect(input).toHaveFocus();
@@ -789,7 +807,9 @@ describe('ChannelList', () => {
           await fireEvent.click(returnIcon);
         });
         await waitFor(() => {
-          expect(container.querySelector(SEARCH_RESULT_LIST_SELECTOR)).not.toBeInTheDocument();
+          expect(
+            container.querySelector(SEARCH_RESULT_LIST_SELECTOR),
+          ).not.toBeInTheDocument();
           expect(input).not.toHaveFocus();
           expect(input).toHaveValue('');
           expect(returnIcon).not.toBeInTheDocument();
@@ -817,10 +837,14 @@ describe('ChannelList', () => {
 
         await waitFor(() => {
           expect(screen.queryAllByRole('option')).toHaveLength(3);
-          expect(screen.queryByText(channelNotInTheList.channel.name)).not.toBeInTheDocument();
+          expect(
+            screen.queryByText(channelNotInTheList.channel.name),
+          ).not.toBeInTheDocument();
         });
 
-        useMockedApis(client, [queryChannelsApi([channelNotInTheList, ...mockedChannels])]);
+        useMockedApis(client, [
+          queryChannelsApi([channelNotInTheList, ...mockedChannels]),
+        ]);
         const input = screen.queryByTestId('search-input');
         await act(() => {
           input.focus();
@@ -841,7 +865,9 @@ describe('ChannelList', () => {
         });
 
         await waitFor(() => {
-          expect(screen.queryByText(channelNotInTheList.channel.name)).toBeInTheDocument();
+          expect(
+            screen.queryByText(channelNotInTheList.channel.name),
+          ).toBeInTheDocument();
           expect(screen.queryByTestId('return-icon')).not.toBeInTheDocument();
         });
         jest.useRealTimers();
@@ -895,7 +921,9 @@ describe('ChannelList', () => {
       };
 
       beforeEach(() => {
-        useMockedApis(chatClient, [queryChannelsApi([testChannel1, testChannel2, testChannel3])]);
+        useMockedApis(chatClient, [
+          queryChannelsApi([testChannel1, testChannel2, testChannel3]),
+        ]);
       });
 
       it('should move channel to top of the list', async () => {
@@ -918,7 +946,9 @@ describe('ChannelList', () => {
         const items = getAllByRole('listitem');
 
         // Get the closes listitem to the channel that received new message.
-        const channelPreview = getByText(newMessage.text).closest(ROLE_LIST_ITEM_SELECTOR);
+        const channelPreview = getByText(newMessage.text).closest(
+          ROLE_LIST_ITEM_SELECTOR,
+        );
         expect(channelPreview.isEqualNode(items[0])).toBe(true);
         const results = await axe(container);
         expect(results).toHaveNoViolations();
@@ -945,7 +975,9 @@ describe('ChannelList', () => {
         const items = getAllByRole('listitem');
 
         // Get the closes listitem to the channel that received new message.
-        const channelPreview = getByText(newMessage.text).closest(ROLE_LIST_ITEM_SELECTOR);
+        const channelPreview = getByText(newMessage.text).closest(
+          ROLE_LIST_ITEM_SELECTOR,
+        );
         expect(channelPreview.isEqualNode(items[2])).toBe(true);
         const results = await axe(container);
         expect(results).toHaveNoViolations();
@@ -1072,7 +1104,9 @@ describe('ChannelList', () => {
 
         useMockedApis(chatClient, [getOrCreateChannelApi(testChannel3)]);
 
-        act(() => dispatchNotificationAddedToChannelEvent(chatClient, testChannel3.channel));
+        act(() =>
+          dispatchNotificationAddedToChannelEvent(chatClient, testChannel3.channel),
+        );
 
         await waitFor(() => {
           expect(getByTestId(testChannel3.channel.id)).toBeInTheDocument();
@@ -1100,7 +1134,9 @@ describe('ChannelList', () => {
           expect(getByRole('list')).toBeInTheDocument();
         });
 
-        act(() => dispatchNotificationAddedToChannelEvent(chatClient, testChannel3.channel));
+        act(() =>
+          dispatchNotificationAddedToChannelEvent(chatClient, testChannel3.channel),
+        );
 
         await waitFor(() => {
           expect(onAddedToChannel).toHaveBeenCalledTimes(1);
@@ -1118,7 +1154,9 @@ describe('ChannelList', () => {
       };
 
       beforeEach(() => {
-        useMockedApis(chatClient, [queryChannelsApi([testChannel1, testChannel2, testChannel3])]);
+        useMockedApis(chatClient, [
+          queryChannelsApi([testChannel1, testChannel2, testChannel3]),
+        ]);
       });
 
       it('should remove the channel from list by default', async () => {
@@ -1133,7 +1171,9 @@ describe('ChannelList', () => {
         });
         const nodeToBeRemoved = getByTestId(testChannel3.channel.id);
 
-        act(() => dispatchNotificationRemovedFromChannel(chatClient, testChannel3.channel));
+        act(() =>
+          dispatchNotificationRemovedFromChannel(chatClient, testChannel3.channel),
+        );
 
         await waitFor(() => {
           expect(nodeToBeRemoved).not.toBeInTheDocument();
@@ -1146,7 +1186,10 @@ describe('ChannelList', () => {
         const onRemovedFromChannel = jest.fn();
         const { container, getByRole } = await render(
           <Chat client={chatClient}>
-            <ChannelList {...channelListProps} onRemovedFromChannel={onRemovedFromChannel} />
+            <ChannelList
+              {...channelListProps}
+              onRemovedFromChannel={onRemovedFromChannel}
+            />
           </Chat>,
         );
         // Wait for list of channels to load in DOM.
@@ -1154,7 +1197,9 @@ describe('ChannelList', () => {
           expect(getByRole('list')).toBeInTheDocument();
         });
 
-        act(() => dispatchNotificationRemovedFromChannel(chatClient, testChannel3.channel));
+        act(() =>
+          dispatchNotificationRemovedFromChannel(chatClient, testChannel3.channel),
+        );
 
         await waitFor(() => {
           expect(onRemovedFromChannel).toHaveBeenCalledTimes(1);
@@ -1480,7 +1525,9 @@ describe('ChannelList', () => {
         act(() => dispatchConnectionRecoveredEvent(chatClient));
 
         await waitFor(() => {
-          expect(parseInt(getByTestId('channelUpdateCount').textContent, 10)).toBe(updateCount + 1);
+          expect(parseInt(getByTestId('channelUpdateCount').textContent, 10)).toBe(
+            updateCount + 1,
+          );
         });
         const results = await axe(container);
         expect(results).toHaveNoViolations();
@@ -1669,7 +1716,8 @@ describe('ChannelList', () => {
       const channelsToBeLoaded = Array.from({ length: 5 }, generateChannel);
       const channelsToBeSet = Array.from({ length: 5 }, generateChannel);
       const channelsToIdString = (channels) => channels.map(({ id }) => id).join();
-      const channelsDataToIdString = (channels) => channels.map(({ channel: { id } }) => id).join();
+      const channelsDataToIdString = (channels) =>
+        channels.map(({ channel: { id } }) => id).join();
 
       const ChannelListCustom = () => {
         const { channels, setChannels } = useChannelListContext();
@@ -1694,7 +1742,9 @@ describe('ChannelList', () => {
       );
 
       await waitFor(() => {
-        expect(screen.getByText(channelsDataToIdString(channelsToBeLoaded))).toBeInTheDocument();
+        expect(
+          screen.getByText(channelsDataToIdString(channelsToBeLoaded)),
+        ).toBeInTheDocument();
       });
 
       await act(() => {
@@ -1705,7 +1755,9 @@ describe('ChannelList', () => {
         expect(
           screen.queryByText(channelsDataToIdString(channelsToBeLoaded)),
         ).not.toBeInTheDocument();
-        expect(screen.getByText(channelsDataToIdString(channelsToBeSet))).toBeInTheDocument();
+        expect(
+          screen.getByText(channelsDataToIdString(channelsToBeSet)),
+        ).toBeInTheDocument();
       });
     });
   });
diff --git a/src/components/ChannelList/hooks/useChannelDeletedListener.ts b/src/components/ChannelList/hooks/useChannelDeletedListener.ts
index 9e8db75273..f09b808e9d 100644
--- a/src/components/ChannelList/hooks/useChannelDeletedListener.ts
+++ b/src/components/ChannelList/hooks/useChannelDeletedListener.ts
@@ -7,7 +7,7 @@ import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useChannelDeletedListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   setChannels: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>,
   customHandler?: (
diff --git a/src/components/ChannelList/hooks/useChannelHiddenListener.ts b/src/components/ChannelList/hooks/useChannelHiddenListener.ts
index e8b221a7d7..4b159dc44a 100644
--- a/src/components/ChannelList/hooks/useChannelHiddenListener.ts
+++ b/src/components/ChannelList/hooks/useChannelHiddenListener.ts
@@ -7,7 +7,7 @@ import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useChannelHiddenListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   setChannels: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>,
   customHandler?: (
diff --git a/src/components/ChannelList/hooks/useChannelListShape.ts b/src/components/ChannelList/hooks/useChannelListShape.ts
index 0a70bbb764..8ecfcb5d0e 100644
--- a/src/components/ChannelList/hooks/useChannelListShape.ts
+++ b/src/components/ChannelList/hooks/useChannelListShape.ts
@@ -17,7 +17,9 @@ import { useChatContext } from '../../../context';
 import { getChannel } from '../../../utils';
 import { ChannelListProps } from '../ChannelList';
 
-type SetChannels<SCG extends ExtendableGenerics> = Dispatch<SetStateAction<Channel<SCG>[]>>;
+type SetChannels<SCG extends ExtendableGenerics> = Dispatch<
+  SetStateAction<Channel<SCG>[]>
+>;
 
 type BaseParameters<SCG extends ExtendableGenerics> = {
   event: Event<SCG>;
@@ -37,44 +39,45 @@ type HandleMessageNewParameters<SCG extends ExtendableGenerics> = BaseParameters
     lockChannelOrder: boolean;
   } & Required<Pick<ChannelListProps<SCG>, 'filters' | 'sort'>>;
 
-type HandleNotificationMessageNewParameters<SCG extends ExtendableGenerics> = BaseParameters<SCG> &
-  RepeatedParameters<SCG> & {
-    allowNewMessagesFromUnfilteredChannels: boolean;
+type HandleNotificationMessageNewParameters<SCG extends ExtendableGenerics> =
+  BaseParameters<SCG> &
+    RepeatedParameters<SCG> & {
+      allowNewMessagesFromUnfilteredChannels: boolean;
+      lockChannelOrder: boolean;
+    } & Required<Pick<ChannelListProps<SCG>, 'filters' | 'sort'>>;
+
+type HandleNotificationRemovedFromChannelParameters<SCG extends ExtendableGenerics> =
+  BaseParameters<SCG> & RepeatedParameters<SCG>;
+
+type HandleNotificationAddedToChannelParameters<SCG extends ExtendableGenerics> =
+  BaseParameters<SCG> &
+    RepeatedParameters<SCG> & {
+      allowNewMessagesFromUnfilteredChannels: boolean;
+      lockChannelOrder: boolean;
+    } & Required<Pick<ChannelListProps<SCG>, 'sort'>>;
+
+type HandleMemberUpdatedParameters<SCG extends ExtendableGenerics> =
+  BaseParameters<SCG> & {
     lockChannelOrder: boolean;
-  } & Required<Pick<ChannelListProps<SCG>, 'filters' | 'sort'>>;
+  } & Required<Pick<ChannelListProps<SCG>, 'sort' | 'filters'>>;
 
-type HandleNotificationRemovedFromChannelParameters<
-  SCG extends ExtendableGenerics
-> = BaseParameters<SCG> & RepeatedParameters<SCG>;
-
-type HandleNotificationAddedToChannelParameters<
-  SCG extends ExtendableGenerics
-> = BaseParameters<SCG> &
-  RepeatedParameters<SCG> & {
-    allowNewMessagesFromUnfilteredChannels: boolean;
-    lockChannelOrder: boolean;
-  } & Required<Pick<ChannelListProps<SCG>, 'sort'>>;
-
-type HandleMemberUpdatedParameters<SCG extends ExtendableGenerics> = BaseParameters<SCG> & {
-  lockChannelOrder: boolean;
-} & Required<Pick<ChannelListProps<SCG>, 'sort' | 'filters'>>;
-
-type HandleChannelDeletedParameters<SCG extends ExtendableGenerics> = BaseParameters<SCG> &
-  RepeatedParameters<SCG>;
+type HandleChannelDeletedParameters<SCG extends ExtendableGenerics> =
+  BaseParameters<SCG> & RepeatedParameters<SCG>;
 
 type HandleChannelHiddenParameters<SCG extends ExtendableGenerics> = BaseParameters<SCG> &
   RepeatedParameters<SCG>;
 
-type HandleChannelVisibleParameters<SCG extends ExtendableGenerics> = BaseParameters<SCG> &
-  RepeatedParameters<SCG>;
+type HandleChannelVisibleParameters<SCG extends ExtendableGenerics> =
+  BaseParameters<SCG> & RepeatedParameters<SCG>;
 
-type HandleChannelTruncatedParameters<SCG extends ExtendableGenerics> = BaseParameters<SCG> &
-  RepeatedParameters<SCG>;
+type HandleChannelTruncatedParameters<SCG extends ExtendableGenerics> =
+  BaseParameters<SCG> & RepeatedParameters<SCG>;
 
-type HandleChannelUpdatedParameters<SCG extends ExtendableGenerics> = BaseParameters<SCG> &
-  RepeatedParameters<SCG>;
+type HandleChannelUpdatedParameters<SCG extends ExtendableGenerics> =
+  BaseParameters<SCG> & RepeatedParameters<SCG>;
 
-type HandleUserPresenceChangedParameters<SCG extends ExtendableGenerics> = BaseParameters<SCG>;
+type HandleUserPresenceChangedParameters<SCG extends ExtendableGenerics> =
+  BaseParameters<SCG>;
 
 const shared = <SCG extends ExtendableGenerics>({
   customHandler,
@@ -218,13 +221,16 @@ export const useChannelListShapeDefaults = <SCG extends ExtendableGenerics>() =>
       const channel = await getChannel({
         client,
         id: event.channel.id,
-        members: event.channel.members?.reduce<string[]>((newMembers, { user, user_id }) => {
-          const userId = user_id || user?.id;
+        members: event.channel.members?.reduce<string[]>(
+          (newMembers, { user, user_id }) => {
+            const userId = user_id || user?.id;
 
-          if (userId) newMembers.push(userId);
+            if (userId) newMembers.push(userId);
 
-          return newMembers;
-        }, []),
+            return newMembers;
+          },
+          [],
+        ),
         type: event.channel.type,
       });
 
@@ -251,7 +257,9 @@ export const useChannelListShapeDefaults = <SCG extends ExtendableGenerics>() =>
         return customHandler(setChannels, event);
       }
 
-      setChannels((channels) => channels.filter((channel) => channel.cid !== event.channel?.cid));
+      setChannels((channels) =>
+        channels.filter((channel) => channel.cid !== event.channel?.cid),
+      );
     },
     [],
   );
@@ -264,7 +272,11 @@ export const useChannelListShapeDefaults = <SCG extends ExtendableGenerics>() =>
       setChannels,
       sort,
     }: HandleMemberUpdatedParameters<SCG>) => {
-      if (!event.member?.user || event.member.user.id !== client.userID || !event.channel_type) {
+      if (
+        !event.member?.user ||
+        event.member.user.id !== client.userID ||
+        !event.channel_type
+      ) {
         return;
       }
 
@@ -338,7 +350,11 @@ export const useChannelListShapeDefaults = <SCG extends ExtendableGenerics>() =>
   );
 
   const handleChannelVisible = useCallback(
-    async ({ customHandler, event, setChannels }: HandleChannelVisibleParameters<SCG>) => {
+    async ({
+      customHandler,
+      event,
+      setChannels,
+    }: HandleChannelVisibleParameters<SCG>) => {
       if (typeof customHandler === 'function') {
         return customHandler(setChannels, event);
       }
@@ -377,7 +393,9 @@ export const useChannelListShapeDefaults = <SCG extends ExtendableGenerics>() =>
       }
 
       setChannels((channels) => {
-        const channelIndex = channels.findIndex((channel) => channel.cid === event.channel?.cid);
+        const channelIndex = channels.findIndex(
+          (channel) => channel.cid === event.channel?.cid,
+        );
 
         if (channelIndex > -1 && event.channel) {
           const newChannels = channels;
@@ -385,7 +403,8 @@ export const useChannelListShapeDefaults = <SCG extends ExtendableGenerics>() =>
             ...event.channel,
             hidden: event.channel?.hidden ?? newChannels[channelIndex].data?.hidden,
             own_capabilities:
-              event.channel?.own_capabilities ?? newChannels[channelIndex].data?.own_capabilities,
+              event.channel?.own_capabilities ??
+              newChannels[channelIndex].data?.own_capabilities,
           };
 
           return [...newChannels];
@@ -452,32 +471,33 @@ export const useChannelListShapeDefaults = <SCG extends ExtendableGenerics>() =>
   );
 };
 
-type UseDefaultHandleChannelListShapeParameters<SCG extends ExtendableGenerics> = Required<
-  Pick<
-    ChannelListProps<SCG>,
-    'allowNewMessagesFromUnfilteredChannels' | 'lockChannelOrder' | 'filters' | 'sort'
-  >
-> &
-  Pick<
-    ChannelListProps<SCG>,
-    | 'onAddedToChannel'
-    | 'onChannelDeleted'
-    | 'onChannelHidden'
-    | 'onChannelTruncated'
-    | 'onChannelUpdated'
-    | 'onChannelVisible'
-    | 'onMessageNew'
-    | 'onMessageNewHandler'
-    | 'onRemovedFromChannel'
-  > & {
-    setChannels: SetChannels<SCG>;
-    customHandleChannelListShape?: (data: {
-      // can't use ReturnType<typeof useChannelListShapeDefaults<SCG>> until we upgrade prettier to at least v2.7.0
-      defaults: ReturnType<typeof useChannelListShapeDefaults>;
-      event: Event<SCG>;
+type UseDefaultHandleChannelListShapeParameters<SCG extends ExtendableGenerics> =
+  Required<
+    Pick<
+      ChannelListProps<SCG>,
+      'allowNewMessagesFromUnfilteredChannels' | 'lockChannelOrder' | 'filters' | 'sort'
+    >
+  > &
+    Pick<
+      ChannelListProps<SCG>,
+      | 'onAddedToChannel'
+      | 'onChannelDeleted'
+      | 'onChannelHidden'
+      | 'onChannelTruncated'
+      | 'onChannelUpdated'
+      | 'onChannelVisible'
+      | 'onMessageNew'
+      | 'onMessageNewHandler'
+      | 'onRemovedFromChannel'
+    > & {
       setChannels: SetChannels<SCG>;
-    }) => void;
-  };
+      customHandleChannelListShape?: (data: {
+        // can't use ReturnType<typeof useChannelListShapeDefaults<SCG>> until we upgrade prettier to at least v2.7.0
+        defaults: ReturnType<typeof useChannelListShapeDefaults>;
+        event: Event<SCG>;
+        setChannels: SetChannels<SCG>;
+      }) => void;
+    };
 
 export const usePrepareShapeHandlers = <SCG extends ExtendableGenerics>({
   allowNewMessagesFromUnfilteredChannels,
@@ -556,16 +576,32 @@ export const usePrepareShapeHandlers = <SCG extends ExtendableGenerics>({
         });
         break;
       case 'channel.hidden':
-        defaults.handleChannelHidden({ customHandler: onChannelHidden, event, setChannels });
+        defaults.handleChannelHidden({
+          customHandler: onChannelHidden,
+          event,
+          setChannels,
+        });
         break;
       case 'channel.visible':
-        defaults.handleChannelVisible({ customHandler: onChannelVisible, event, setChannels });
+        defaults.handleChannelVisible({
+          customHandler: onChannelVisible,
+          event,
+          setChannels,
+        });
         break;
       case 'channel.truncated':
-        defaults.handleChannelTruncated({ customHandler: onChannelTruncated, event, setChannels });
+        defaults.handleChannelTruncated({
+          customHandler: onChannelTruncated,
+          event,
+          setChannels,
+        });
         break;
       case 'channel.updated':
-        defaults.handleChannelUpdated({ customHandler: onChannelUpdated, event, setChannels });
+        defaults.handleChannelUpdated({
+          customHandler: onChannelUpdated,
+          event,
+          setChannels,
+        });
         break;
       case 'user.presence.changed':
         defaults.handleUserPresenceChanged({ event, setChannels });
diff --git a/src/components/ChannelList/hooks/useChannelMembershipState.ts b/src/components/ChannelList/hooks/useChannelMembershipState.ts
index fb80c07669..8f303fecde 100644
--- a/src/components/ChannelList/hooks/useChannelMembershipState.ts
+++ b/src/components/ChannelList/hooks/useChannelMembershipState.ts
@@ -1,4 +1,9 @@
-import type { Channel, ChannelMemberResponse, EventTypes, ExtendableGenerics } from 'stream-chat';
+import type {
+  Channel,
+  ChannelMemberResponse,
+  EventTypes,
+  ExtendableGenerics,
+} from 'stream-chat';
 import { useSelectedChannelState } from './useSelectedChannelState';
 
 const selector = <SCG extends ExtendableGenerics>(c: Channel<SCG>) => c.state.membership;
@@ -10,6 +15,8 @@ export function useChannelMembershipState<SCG extends ExtendableGenerics>(
 export function useChannelMembershipState<SCG extends ExtendableGenerics>(
   channel?: Channel<SCG> | undefined,
 ): ChannelMemberResponse<SCG> | undefined;
-export function useChannelMembershipState<SCG extends ExtendableGenerics>(channel?: Channel<SCG>) {
+export function useChannelMembershipState<SCG extends ExtendableGenerics>(
+  channel?: Channel<SCG>,
+) {
   return useSelectedChannelState({ channel, selector, stateChangeEventKeys: keys });
 }
diff --git a/src/components/ChannelList/hooks/useChannelTruncatedListener.ts b/src/components/ChannelList/hooks/useChannelTruncatedListener.ts
index 77e7c8b5df..295b05447d 100644
--- a/src/components/ChannelList/hooks/useChannelTruncatedListener.ts
+++ b/src/components/ChannelList/hooks/useChannelTruncatedListener.ts
@@ -7,7 +7,7 @@ import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useChannelTruncatedListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   setChannels: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>,
   customHandler?: (
diff --git a/src/components/ChannelList/hooks/useChannelUpdatedListener.ts b/src/components/ChannelList/hooks/useChannelUpdatedListener.ts
index aa6fcfda82..9159a8568f 100644
--- a/src/components/ChannelList/hooks/useChannelUpdatedListener.ts
+++ b/src/components/ChannelList/hooks/useChannelUpdatedListener.ts
@@ -7,7 +7,7 @@ import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useChannelUpdatedListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   setChannels: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>,
   customHandler?: (
@@ -21,7 +21,9 @@ export const useChannelUpdatedListener = <
   useEffect(() => {
     const handleEvent = (event: Event<StreamChatGenerics>) => {
       setChannels((channels) => {
-        const channelIndex = channels.findIndex((channel) => channel.cid === event.channel?.cid);
+        const channelIndex = channels.findIndex(
+          (channel) => channel.cid === event.channel?.cid,
+        );
 
         if (channelIndex > -1 && event.channel) {
           const newChannels = channels;
@@ -29,7 +31,8 @@ export const useChannelUpdatedListener = <
             ...event.channel,
             hidden: event.channel?.hidden ?? newChannels[channelIndex].data?.hidden,
             own_capabilities:
-              event.channel?.own_capabilities ?? newChannels[channelIndex].data?.own_capabilities,
+              event.channel?.own_capabilities ??
+              newChannels[channelIndex].data?.own_capabilities,
           };
 
           return [...newChannels];
diff --git a/src/components/ChannelList/hooks/useChannelVisibleListener.ts b/src/components/ChannelList/hooks/useChannelVisibleListener.ts
index cd71202921..8b4cd8c342 100644
--- a/src/components/ChannelList/hooks/useChannelVisibleListener.ts
+++ b/src/components/ChannelList/hooks/useChannelVisibleListener.ts
@@ -10,7 +10,7 @@ import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useChannelVisibleListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   setChannels: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>,
   customHandler?: (
diff --git a/src/components/ChannelList/hooks/useConnectionRecoveredListener.ts b/src/components/ChannelList/hooks/useConnectionRecoveredListener.ts
index d54bcebc5f..4e6543893e 100644
--- a/src/components/ChannelList/hooks/useConnectionRecoveredListener.ts
+++ b/src/components/ChannelList/hooks/useConnectionRecoveredListener.ts
@@ -5,7 +5,7 @@ import { useChatContext } from '../../../context/ChatContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useConnectionRecoveredListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   forceUpdate?: () => void,
 ) => {
diff --git a/src/components/ChannelList/hooks/useMessageNewListener.ts b/src/components/ChannelList/hooks/useMessageNewListener.ts
index 548d5f22da..a8e1218ba3 100644
--- a/src/components/ChannelList/hooks/useMessageNewListener.ts
+++ b/src/components/ChannelList/hooks/useMessageNewListener.ts
@@ -10,7 +10,7 @@ import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useMessageNewListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   setChannels: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>,
   customHandler?: (
@@ -28,9 +28,14 @@ export const useMessageNewListener = <
         customHandler(setChannels, event);
       } else {
         setChannels((channels) => {
-          const channelInList = channels.filter((channel) => channel.cid === event.cid).length > 0;
-
-          if (!channelInList && allowNewMessagesFromUnfilteredChannels && event.channel_type) {
+          const channelInList =
+            channels.filter((channel) => channel.cid === event.cid).length > 0;
+
+          if (
+            !channelInList &&
+            allowNewMessagesFromUnfilteredChannels &&
+            event.channel_type
+          ) {
             const channel = client.channel(event.channel_type, event.channel_id);
             return uniqBy([channel, ...channels], 'cid');
           }
diff --git a/src/components/ChannelList/hooks/useNotificationAddedToChannelListener.ts b/src/components/ChannelList/hooks/useNotificationAddedToChannelListener.ts
index 520d580ef0..bc73978ed7 100644
--- a/src/components/ChannelList/hooks/useNotificationAddedToChannelListener.ts
+++ b/src/components/ChannelList/hooks/useNotificationAddedToChannelListener.ts
@@ -10,7 +10,7 @@ import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useNotificationAddedToChannelListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   setChannels: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>,
   customHandler?: (
@@ -19,7 +19,9 @@ export const useNotificationAddedToChannelListener = <
   ) => void,
   allowNewMessagesFromUnfilteredChannels = true,
 ) => {
-  const { client } = useChatContext<StreamChatGenerics>('useNotificationAddedToChannelListener');
+  const { client } = useChatContext<StreamChatGenerics>(
+    'useNotificationAddedToChannelListener',
+  );
 
   useEffect(() => {
     const handleEvent = async (event: Event<StreamChatGenerics>) => {
diff --git a/src/components/ChannelList/hooks/useNotificationMessageNewListener.ts b/src/components/ChannelList/hooks/useNotificationMessageNewListener.ts
index 6fd242b7da..274581247d 100644
--- a/src/components/ChannelList/hooks/useNotificationMessageNewListener.ts
+++ b/src/components/ChannelList/hooks/useNotificationMessageNewListener.ts
@@ -10,7 +10,7 @@ import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useNotificationMessageNewListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   setChannels: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>,
   customHandler?: (
@@ -19,7 +19,9 @@ export const useNotificationMessageNewListener = <
   ) => void,
   allowNewMessagesFromUnfilteredChannels = true,
 ) => {
-  const { client } = useChatContext<StreamChatGenerics>('useNotificationMessageNewListener');
+  const { client } = useChatContext<StreamChatGenerics>(
+    'useNotificationMessageNewListener',
+  );
 
   useEffect(() => {
     const handleEvent = async (event: Event<StreamChatGenerics>) => {
diff --git a/src/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.ts b/src/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.ts
index 00a5d3db22..4781855727 100644
--- a/src/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.ts
+++ b/src/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.ts
@@ -7,7 +7,7 @@ import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useNotificationRemovedFromChannelListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   setChannels: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>,
   customHandler?: (
@@ -24,7 +24,9 @@ export const useNotificationRemovedFromChannelListener = <
       if (customHandler && typeof customHandler === 'function') {
         customHandler(setChannels, event);
       } else {
-        setChannels((channels) => channels.filter((channel) => channel.cid !== event.channel?.cid));
+        setChannels((channels) =>
+          channels.filter((channel) => channel.cid !== event.channel?.cid),
+        );
       }
     };
 
diff --git a/src/components/ChannelList/hooks/usePaginatedChannels.ts b/src/components/ChannelList/hooks/usePaginatedChannels.ts
index 6a27d0a309..7ee6656279 100644
--- a/src/components/ChannelList/hooks/usePaginatedChannels.ts
+++ b/src/components/ChannelList/hooks/usePaginatedChannels.ts
@@ -3,7 +3,13 @@ import uniqBy from 'lodash.uniqby';
 
 import { MAX_QUERY_CHANNELS_LIMIT } from '../utils';
 
-import type { Channel, ChannelFilters, ChannelOptions, ChannelSort, StreamChat } from 'stream-chat';
+import type {
+  Channel,
+  ChannelFilters,
+  ChannelOptions,
+  ChannelSort,
+  StreamChat,
+} from 'stream-chat';
 
 import { useChatContext } from '../../../context/ChatContext';
 
@@ -14,10 +20,13 @@ import { DEFAULT_INITIAL_CHANNEL_PAGE_SIZE } from '../../../constants/limits';
 const RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 5000;
 const MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 2000;
 
-type AllowedQueryType = Extract<ChannelsQueryState['queryInProgress'], 'reload' | 'load-more'>;
+type AllowedQueryType = Extract<
+  ChannelsQueryState['queryInProgress'],
+  'reload' | 'load-more'
+>;
 
 export type CustomQueryChannelParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   currentChannels: Array<Channel<StreamChatGenerics>>;
   queryType: AllowedQueryType;
@@ -26,11 +35,11 @@ export type CustomQueryChannelParams<
 };
 
 export type CustomQueryChannelsFn<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = (params: CustomQueryChannelParams<StreamChatGenerics>) => Promise<void>;
 
 export const usePaginatedChannels = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   client: StreamChat<StreamChatGenerics>,
   filters: ChannelFilters<StreamChatGenerics>,
@@ -53,7 +62,7 @@ export const usePaginatedChannels = <
   const recoveryThrottleInterval =
     recoveryThrottleIntervalMs < MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS
       ? MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS
-      : recoveryThrottleIntervalMs ?? RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS;
+      : (recoveryThrottleIntervalMs ?? RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS);
   // memoize props
   const filterString = useMemo(() => JSON.stringify(filters), [filters]);
   const sortString = useMemo(() => JSON.stringify(sort), [sort]);
@@ -85,7 +94,11 @@ export const usePaginatedChannels = <
           ...options,
         };
 
-        const channelQueryResponse = await client.queryChannels(filters, sort || {}, newOptions);
+        const channelQueryResponse = await client.queryChannels(
+          filters,
+          sort || {},
+          newOptions,
+        );
 
         const newChannels =
           queryType === 'reload'
@@ -115,7 +128,11 @@ export const usePaginatedChannels = <
       ? now - lastRecoveryTimestamp.current
       : 0;
 
-    if (!isFirstRecovery && timeElapsedSinceLastRecoveryMs < recoveryThrottleInterval && !error) {
+    if (
+      !isFirstRecovery &&
+      timeElapsedSinceLastRecoveryMs < recoveryThrottleInterval &&
+      !error
+    ) {
       return;
     }
 
diff --git a/src/components/ChannelList/hooks/useSelectedChannelState.ts b/src/components/ChannelList/hooks/useSelectedChannelState.ts
index bf1e677303..3100e6ffa1 100644
--- a/src/components/ChannelList/hooks/useSelectedChannelState.ts
+++ b/src/components/ChannelList/hooks/useSelectedChannelState.ts
@@ -17,8 +17,8 @@ export function useSelectedChannelState<SCG extends ExtendableGenerics, O>(_: {
 }): O | undefined;
 export function useSelectedChannelState<SCG extends ExtendableGenerics, O>({
   channel,
-  stateChangeEventKeys = ['all'],
   selector,
+  stateChangeEventKeys = ['all'],
 }: {
   selector: (channel: Channel<SCG>) => O;
   channel?: Channel<SCG>;
diff --git a/src/components/ChannelList/hooks/useUserPresenceChangedListener.ts b/src/components/ChannelList/hooks/useUserPresenceChangedListener.ts
index 771942caae..9d876f994a 100644
--- a/src/components/ChannelList/hooks/useUserPresenceChangedListener.ts
+++ b/src/components/ChannelList/hooks/useUserPresenceChangedListener.ts
@@ -7,7 +7,7 @@ import type { Channel, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useUserPresenceChangedListener = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   setChannels: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>,
 ) => {
diff --git a/src/components/ChannelList/utils.ts b/src/components/ChannelList/utils.ts
index 5c38301094..2a867d2dd2 100644
--- a/src/components/ChannelList/utils.ts
+++ b/src/components/ChannelList/utils.ts
@@ -1,12 +1,19 @@
 import uniqBy from 'lodash.uniqby';
-import type { Channel, ChannelSort, ChannelSortBase, ExtendableGenerics } from 'stream-chat';
+import type {
+  Channel,
+  ChannelSort,
+  ChannelSortBase,
+  ExtendableGenerics,
+} from 'stream-chat';
 
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { ChannelListProps } from './ChannelList';
 
 export const MAX_QUERY_CHANNELS_LIMIT = 30;
 
-type MoveChannelUpParams<SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+type MoveChannelUpParams<
+  SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = {
   channels: Array<Channel<SCG>>;
   cid: string;
   activeChannel?: Channel<SCG>;
@@ -15,7 +22,9 @@ type MoveChannelUpParams<SCG extends DefaultStreamChatGenerics = DefaultStreamCh
 /**
  * @deprecated
  */
-export const moveChannelUp = <SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({
+export const moveChannelUp = <
+  SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>({
   activeChannel,
   channels,
   cid,
@@ -56,7 +65,9 @@ export function findLastPinnedChannelIndex<SCG extends ExtendableGenerics>({
   return lastPinnedChannelIndex;
 }
 
-type MoveChannelUpwardsParams<SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+type MoveChannelUpwardsParams<
+  SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = {
   channels: Array<Channel<SCG>>;
   channelToMove: Channel<SCG>;
   sort: ChannelSort<SCG>;
@@ -68,7 +79,7 @@ type MoveChannelUpwardsParams<SCG extends DefaultStreamChatGenerics = DefaultStr
 };
 
 export const moveChannelUpwards = <
-  SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   channels,
   channelToMove,
@@ -181,7 +192,9 @@ export const shouldConsiderArchivedChannels = <SCG extends ExtendableGenerics>(
 /**
  * Returns `true` only if `pinned_at` property is of type `string` within `membership` object.
  */
-export const isChannelPinned = <SCG extends ExtendableGenerics>(channel: Channel<SCG>) => {
+export const isChannelPinned = <SCG extends ExtendableGenerics>(
+  channel: Channel<SCG>,
+) => {
   if (!channel) return false;
 
   const membership = channel.state.membership;
@@ -192,7 +205,9 @@ export const isChannelPinned = <SCG extends ExtendableGenerics>(channel: Channel
 /**
  * Returns `true` only if `archived_at` property is of type `string` within `membership` object.
  */
-export const isChannelArchived = <SCG extends ExtendableGenerics>(channel: Channel<SCG>) => {
+export const isChannelArchived = <SCG extends ExtendableGenerics>(
+  channel: Channel<SCG>,
+) => {
   if (!channel) return false;
 
   const membership = channel.state.membership;
diff --git a/src/components/ChannelPreview/ChannelPreview.tsx b/src/components/ChannelPreview/ChannelPreview.tsx
index a25bd333e0..b6bc89738a 100644
--- a/src/components/ChannelPreview/ChannelPreview.tsx
+++ b/src/components/ChannelPreview/ChannelPreview.tsx
@@ -8,7 +8,10 @@ import { getLatestMessagePreview as defaultGetLatestMessagePreview } from './uti
 
 import { ChatContextValue, useChatContext } from '../../context/ChatContext';
 import { useTranslationContext } from '../../context/TranslationContext';
-import { MessageDeliveryStatus, useMessageDeliveryStatus } from './hooks/useMessageDeliveryStatus';
+import {
+  MessageDeliveryStatus,
+  useMessageDeliveryStatus,
+} from './hooks/useMessageDeliveryStatus';
 
 import type { Channel, Event } from 'stream-chat';
 
@@ -19,7 +22,7 @@ import type { TranslationContextValue } from '../../context/TranslationContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type ChannelPreviewUIComponentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = ChannelPreviewProps<StreamChatGenerics> & {
   /** If the component's channel is the active (selected) Channel */
   active?: boolean;
@@ -42,7 +45,7 @@ export type ChannelPreviewUIComponentProps<
 };
 
 export type ChannelPreviewProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** Comes from either the `channelRenderFilterFn` or `usePaginatedChannels` call from [ChannelList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelList.tsx) */
   channel: Channel<StreamChatGenerics>;
@@ -72,15 +75,15 @@ export type ChannelPreviewProps<
 };
 
 export const ChannelPreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: ChannelPreviewProps<StreamChatGenerics>,
 ) => {
   const {
     channel,
-    Preview = ChannelPreviewMessenger,
     channelUpdateCount,
     getLatestMessagePreview = defaultGetLatestMessagePreview,
+    Preview = ChannelPreviewMessenger,
   } = props;
   const {
     channel: activeChannel,
@@ -144,7 +147,9 @@ export const ChannelPreview = <
     refreshUnreadCount();
 
     const handleEvent = () => {
-      setLastMessage(channel.state.latestMessages[channel.state.latestMessages.length - 1]);
+      setLastMessage(
+        channel.state.latestMessages[channel.state.latestMessages.length - 1],
+      );
       refreshUnreadCount();
     };
 
diff --git a/src/components/ChannelPreview/ChannelPreviewMessenger.tsx b/src/components/ChannelPreview/ChannelPreviewMessenger.tsx
index ed93d7585e..389c7bd140 100644
--- a/src/components/ChannelPreview/ChannelPreviewMessenger.tsx
+++ b/src/components/ChannelPreview/ChannelPreviewMessenger.tsx
@@ -8,7 +8,7 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { ChannelPreviewUIComponentProps } from './ChannelPreview';
 
 const UnMemoizedChannelPreviewMessenger = <
-  SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: ChannelPreviewUIComponentProps<SCG>,
 ) => {
@@ -27,9 +27,8 @@ const UnMemoizedChannelPreviewMessenger = <
     watchers,
   } = props;
 
-  const {
-    ChannelPreviewActionButtons = DefaultChannelPreviewActionButtons,
-  } = useComponentContext<SCG>();
+  const { ChannelPreviewActionButtons = DefaultChannelPreviewActionButtons } =
+    useComponentContext<SCG>();
 
   const channelPreviewButton = useRef<HTMLButtonElement | null>(null);
 
@@ -78,7 +77,10 @@ const UnMemoizedChannelPreviewMessenger = <
               <span>{displayTitle}</span>
             </div>
             {!!unread && (
-              <div className='str-chat__channel-preview-unread-badge' data-testid='unread-badge'>
+              <div
+                className='str-chat__channel-preview-unread-badge'
+                data-testid='unread-badge'
+              >
                 {unread}
               </div>
             )}
diff --git a/src/components/ChannelPreview/__tests__/ChannelPreview.test.js b/src/components/ChannelPreview/__tests__/ChannelPreview.test.js
index 035ac4bb5b..5380279d03 100644
--- a/src/components/ChannelPreview/__tests__/ChannelPreview.test.js
+++ b/src/components/ChannelPreview/__tests__/ChannelPreview.test.js
@@ -98,7 +98,6 @@ describe('ChannelPreview', () => {
     [c0, c1] = await client.queryChannels({}, {});
   });
 
-  // eslint-disable-next-line jest/expect-expect
   it('should mark channel as read, when set as active channel', async () => {
     // Mock the countUnread function on channel, to return 10.
     c0.countUnread = () => 10;
@@ -670,8 +669,14 @@ describe('ChannelPreview', () => {
           const avatarImages = screen.getAllByTestId(AVATAR_IMG_TEST_ID);
           expect(avatarImages).toHaveLength(3);
           expect(avatarImages[0]).toHaveAttribute('src', ownUser.image);
-          expect(avatarImages[1]).toHaveAttribute('src', channelState.members[1].user.image);
-          expect(avatarImages[2]).toHaveAttribute('src', channelState.members[2].user.image);
+          expect(avatarImages[1]).toHaveAttribute(
+            'src',
+            channelState.members[1].user.image,
+          );
+          expect(avatarImages[2]).toHaveAttribute(
+            'src',
+            channelState.members[2].user.image,
+          );
         });
 
         act(() => {
@@ -681,8 +686,14 @@ describe('ChannelPreview', () => {
         await waitFor(() => {
           const avatarImages = screen.getAllByTestId(AVATAR_IMG_TEST_ID);
           expect(avatarImages[0]).toHaveAttribute('src', updatedAttribute.image);
-          expect(avatarImages[1]).toHaveAttribute('src', channelState.members[1].user.image);
-          expect(avatarImages[2]).toHaveAttribute('src', channelState.members[2].user.image);
+          expect(avatarImages[1]).toHaveAttribute(
+            'src',
+            channelState.members[1].user.image,
+          );
+          expect(avatarImages[2]).toHaveAttribute(
+            'src',
+            channelState.members[2].user.image,
+          );
         });
       });
 
@@ -702,8 +713,14 @@ describe('ChannelPreview', () => {
           const avatarImages = screen.getAllByTestId(AVATAR_IMG_TEST_ID);
           expect(avatarImages).toHaveLength(3);
           expect(avatarImages[0]).toHaveAttribute('src', ownUser.image);
-          expect(avatarImages[1]).toHaveAttribute('src', channelState.members[1].user.image);
-          expect(avatarImages[2]).toHaveAttribute('src', channelState.members[2].user.image);
+          expect(avatarImages[1]).toHaveAttribute(
+            'src',
+            channelState.members[1].user.image,
+          );
+          expect(avatarImages[2]).toHaveAttribute(
+            'src',
+            channelState.members[2].user.image,
+          );
         });
 
         act(() => {
@@ -713,7 +730,10 @@ describe('ChannelPreview', () => {
         await waitFor(() => {
           const avatarImages = screen.getAllByTestId(AVATAR_IMG_TEST_ID);
           expect(avatarImages[0]).toHaveAttribute('src', ownUser.image);
-          expect(avatarImages[1]).toHaveAttribute('src', channelState.members[1].user.image);
+          expect(avatarImages[1]).toHaveAttribute(
+            'src',
+            channelState.members[1].user.image,
+          );
           expect(avatarImages[2]).toHaveAttribute('src', updatedAttribute.image);
         });
       });
diff --git a/src/components/ChannelPreview/__tests__/ChannelPreviewMessenger.test.js b/src/components/ChannelPreview/__tests__/ChannelPreviewMessenger.test.js
index c523e1edcf..6dfcda5d7e 100644
--- a/src/components/ChannelPreview/__tests__/ChannelPreviewMessenger.test.js
+++ b/src/components/ChannelPreview/__tests__/ChannelPreviewMessenger.test.js
@@ -74,7 +74,6 @@ describe('ChannelPreviewMessenger', () => {
     fireEvent.click(getByTestId(PREVIEW_TEST_ID));
 
     await waitFor(() => {
-      // eslint-disable-next-line jest/prefer-called-with
       expect(setActiveChannel).toHaveBeenCalledTimes(1);
       expect(setActiveChannel).toHaveBeenCalledWith(channel, {});
     });
diff --git a/src/components/ChannelPreview/__tests__/utils.test.js b/src/components/ChannelPreview/__tests__/utils.test.js
index f254cb811c..fb2722d33e 100644
--- a/src/components/ChannelPreview/__tests__/utils.test.js
+++ b/src/components/ChannelPreview/__tests__/utils.test.js
@@ -60,7 +60,9 @@ describe('ChannelPreview utils', () => {
   describe('getDisplayTitle', () => {
     it('should return channel name, if it exists', async () => {
       const name = nanoid();
-      const channel = await getQueriedChannelInstance(generateChannel({ channel: { name } }));
+      const channel = await getQueriedChannelInstance(
+        generateChannel({ channel: { name } }),
+      );
 
       expect(getDisplayTitle(channel, chatClient.user)).toBe(name);
     });
@@ -69,7 +71,10 @@ describe('ChannelPreview utils', () => {
       const otherUser = generateUser();
       const channel = await getQueriedChannelInstance(
         generateChannel({
-          members: [generateMember({ user: otherUser }), generateMember({ user: clientUser })],
+          members: [
+            generateMember({ user: otherUser }),
+            generateMember({ user: clientUser }),
+          ],
         }),
       );
       expect(getDisplayTitle(channel, chatClient.user)).toBe(otherUser.name);
@@ -79,7 +84,9 @@ describe('ChannelPreview utils', () => {
   describe('getDisplayImage', () => {
     it('should return channel image, if it exists', async () => {
       const image = nanoid();
-      const channel = await getQueriedChannelInstance(generateChannel({ channel: { image } }));
+      const channel = await getQueriedChannelInstance(
+        generateChannel({ channel: { image } }),
+      );
 
       expect(getDisplayImage(channel, chatClient.user)).toBe(image);
     });
@@ -88,7 +95,10 @@ describe('ChannelPreview utils', () => {
       const otherUser = generateUser();
       const channel = await getQueriedChannelInstance(
         generateChannel({
-          members: [generateMember({ user: otherUser }), generateMember({ user: clientUser })],
+          members: [
+            generateMember({ user: otherUser }),
+            generateMember({ user: clientUser }),
+          ],
         }),
       );
       expect(getDisplayImage(channel, chatClient.user)).toBe(otherUser.image);
diff --git a/src/components/ChannelPreview/hooks/__tests__/useMessageDeliveryStatus.test.js b/src/components/ChannelPreview/hooks/__tests__/useMessageDeliveryStatus.test.js
index 94a44f8b19..c716fa492a 100644
--- a/src/components/ChannelPreview/hooks/__tests__/useMessageDeliveryStatus.test.js
+++ b/src/components/ChannelPreview/hooks/__tests__/useMessageDeliveryStatus.test.js
@@ -1,6 +1,9 @@
 import React from 'react';
 import { renderHook } from '@testing-library/react';
-import { MessageDeliveryStatus, useMessageDeliveryStatus } from '../useMessageDeliveryStatus';
+import {
+  MessageDeliveryStatus,
+  useMessageDeliveryStatus,
+} from '../useMessageDeliveryStatus';
 import { ChatContext } from '../../../../context';
 import {
   dispatchMessageDeletedEvent,
@@ -44,7 +47,9 @@ const renderComponent = ({ channel, client, lastMessage }) => {
     <ChatContext.Provider value={{ client }}>{children}</ChatContext.Provider>
   );
 
-  return renderHook(() => useMessageDeliveryStatus({ channel, lastMessage }), { wrapper });
+  return renderHook(() => useMessageDeliveryStatus({ channel, lastMessage }), {
+    wrapper,
+  });
 };
 
 describe('Message delivery status', () => {
diff --git a/src/components/ChannelPreview/hooks/useChannelPreviewInfo.ts b/src/components/ChannelPreview/hooks/useChannelPreviewInfo.ts
index 336b7eb768..f1fbb80cc1 100644
--- a/src/components/ChannelPreview/hooks/useChannelPreviewInfo.ts
+++ b/src/components/ChannelPreview/hooks/useChannelPreviewInfo.ts
@@ -6,7 +6,9 @@ import { useChatContext } from '../../../context';
 
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
-export type ChannelPreviewInfoParams<StreamChatGenerics extends DefaultStreamChatGenerics> = {
+export type ChannelPreviewInfoParams<
+  StreamChatGenerics extends DefaultStreamChatGenerics,
+> = {
   channel: Channel<StreamChatGenerics>;
   /** Manually set the image to render, defaults to the Channel image */
   overrideImage?: string;
@@ -15,7 +17,7 @@ export type ChannelPreviewInfoParams<StreamChatGenerics extends DefaultStreamCha
 };
 
 export const useChannelPreviewInfo = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: ChannelPreviewInfoParams<StreamChatGenerics>,
 ) => {
diff --git a/src/components/ChannelPreview/hooks/useIsChannelMuted.ts b/src/components/ChannelPreview/hooks/useIsChannelMuted.ts
index cda462f77e..2e9c471979 100644
--- a/src/components/ChannelPreview/hooks/useIsChannelMuted.ts
+++ b/src/components/ChannelPreview/hooks/useIsChannelMuted.ts
@@ -7,7 +7,7 @@ import type { Channel } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useIsChannelMuted = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   channel: Channel<StreamChatGenerics>,
 ) => {
diff --git a/src/components/ChannelPreview/hooks/useMessageDeliveryStatus.ts b/src/components/ChannelPreview/hooks/useMessageDeliveryStatus.ts
index d7c63aa34b..8d8e3c3f70 100644
--- a/src/components/ChannelPreview/hooks/useMessageDeliveryStatus.ts
+++ b/src/components/ChannelPreview/hooks/useMessageDeliveryStatus.ts
@@ -12,7 +12,7 @@ export enum MessageDeliveryStatus {
 }
 
 type UseMessageStatusParamsChannelPreviewProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   channel: Channel<StreamChatGenerics>;
   /** The last message received in a channel */
@@ -20,7 +20,7 @@ type UseMessageStatusParamsChannelPreviewProps<
 };
 
 export const useMessageDeliveryStatus = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   channel,
   lastMessage,
@@ -45,12 +45,12 @@ export const useMessageDeliveryStatus = <
         ? new Date(lastMessage.created_at)
         : lastMessage.created_at;
 
-    const channelReadByOthersAfterLastMessageUpdate = Object.values(channel.state.read).some(
-      ({ last_read: channelLastMarkedReadDate, user }) => {
-        const ignoreOwnReadStatus = client.user && user.id !== client.user.id;
-        return ignoreOwnReadStatus && lastMessageCreatedAtDate < channelLastMarkedReadDate;
-      },
-    );
+    const channelReadByOthersAfterLastMessageUpdate = Object.values(
+      channel.state.read,
+    ).some(({ last_read: channelLastMarkedReadDate, user }) => {
+      const ignoreOwnReadStatus = client.user && user.id !== client.user.id;
+      return ignoreOwnReadStatus && lastMessageCreatedAtDate < channelLastMarkedReadDate;
+    });
 
     setMessageDeliveryStatus(
       channelReadByOthersAfterLastMessageUpdate
@@ -79,7 +79,8 @@ export const useMessageDeliveryStatus = <
   useEffect(() => {
     if (!isOwnMessage(lastMessage)) return;
     const handleMarkRead = (event: Event<StreamChatGenerics>) => {
-      if (event.user?.id !== client.user?.id) setMessageDeliveryStatus(MessageDeliveryStatus.READ);
+      if (event.user?.id !== client.user?.id)
+        setMessageDeliveryStatus(MessageDeliveryStatus.READ);
     };
     channel.on('message.read', handleMarkRead);
 
diff --git a/src/components/ChannelPreview/icons.tsx b/src/components/ChannelPreview/icons.tsx
index 7ef798b1c3..04507fdaa0 100644
--- a/src/components/ChannelPreview/icons.tsx
+++ b/src/components/ChannelPreview/icons.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react/display-name */
 import React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
diff --git a/src/components/ChannelPreview/utils.tsx b/src/components/ChannelPreview/utils.tsx
index 4b79ddd0ba..492b4293f9 100644
--- a/src/components/ChannelPreview/utils.tsx
+++ b/src/components/ChannelPreview/utils.tsx
@@ -9,17 +9,20 @@ import type { TranslationContextValue } from '../../context/TranslationContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ChatContextValue } from '../../context';
 
-export const renderPreviewText = (text: string) => <ReactMarkdown skipHtml>{text}</ReactMarkdown>;
+export const renderPreviewText = (text: string) => (
+  <ReactMarkdown skipHtml>{text}</ReactMarkdown>
+);
 
 const getLatestPollVote = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   latestVotesByOption: Record<string, PollVote<StreamChatGenerics>[]>,
 ) => {
   let latestVote: PollVote<StreamChatGenerics> | undefined;
   for (const optionVotes of Object.values(latestVotesByOption)) {
     optionVotes.forEach((vote) => {
-      if (latestVote && new Date(latestVote.updated_at) >= new Date(vote.created_at)) return;
+      if (latestVote && new Date(latestVote.updated_at) >= new Date(vote.created_at))
+        return;
       latestVote = vote;
     });
   }
@@ -28,14 +31,15 @@ const getLatestPollVote = <
 };
 
 export const getLatestMessagePreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   channel: Channel<StreamChatGenerics>,
   t: TranslationContextValue['t'],
   userLanguage: TranslationContextValue['userLanguage'] = 'en',
   isMessageAIGenerated?: ChatContextValue<StreamChatGenerics>['isMessageAIGenerated'],
 ): string | JSX.Element => {
-  const latestMessage = channel.state.latestMessages[channel.state.latestMessages.length - 1];
+  const latestMessage =
+    channel.state.latestMessages[channel.state.latestMessages.length - 1];
 
   const previewTextToRender =
     latestMessage?.i18n?.[`${userLanguage}_text` as `${TranslationLanguages}_text`] ||
@@ -55,7 +59,7 @@ export const getLatestMessagePreview = <
       const createdBy =
         poll.created_by?.id === channel.getClient().userID
           ? t<string>('You')
-          : poll.created_by?.name ?? t<string>('Poll');
+          : (poll.created_by?.name ?? t<string>('Poll'));
       return t<string>('📊 {{createdBy}} created: {{ pollName}}', {
         createdBy,
         pollName: poll.name,
@@ -64,7 +68,8 @@ export const getLatestMessagePreview = <
       const latestVote = getLatestPollVote<StreamChatGenerics>(
         poll.latest_votes_by_option as Record<string, PollVote<StreamChatGenerics>[]>,
       );
-      const option = latestVote && poll.options.find((opt) => opt.id === latestVote.option_id);
+      const option =
+        latestVote && poll.options.find((opt) => opt.id === latestVote.option_id);
 
       if (option && latestVote) {
         return t<string>('📊 {{votedBy}} voted: {{pollOptionText}}', {
@@ -72,7 +77,7 @@ export const getLatestMessagePreview = <
           votedBy:
             latestVote?.user?.id === channel.getClient().userID
               ? t<string>('You')
-              : latestVote.user?.name ?? t<string>('Poll'),
+              : (latestVote.user?.name ?? t<string>('Poll')),
         });
       }
     }
@@ -98,7 +103,7 @@ export const getLatestMessagePreview = <
 export type GroupChannelDisplayInfo = { image?: string; name?: string }[];
 
 export const getGroupChannelDisplayInfo = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   channel: Channel<StreamChatGenerics>,
 ): GroupChannelDisplayInfo | undefined => {
@@ -116,7 +121,7 @@ export const getGroupChannelDisplayInfo = <
 };
 
 const getChannelDisplayInfo = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   info: 'name' | 'image',
   channel: Channel<StreamChatGenerics>,
@@ -130,14 +135,14 @@ const getChannelDisplayInfo = <
 };
 
 export const getDisplayTitle = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   channel: Channel<StreamChatGenerics>,
   currentUser?: UserResponse<StreamChatGenerics>,
 ) => getChannelDisplayInfo('name', channel, currentUser);
 
 export const getDisplayImage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   channel: Channel<StreamChatGenerics>,
   currentUser?: UserResponse<StreamChatGenerics>,
diff --git a/src/components/ChannelSearch/ChannelSearch.tsx b/src/components/ChannelSearch/ChannelSearch.tsx
index d6229db6f7..24b6a3be37 100644
--- a/src/components/ChannelSearch/ChannelSearch.tsx
+++ b/src/components/ChannelSearch/ChannelSearch.tsx
@@ -1,7 +1,10 @@
 import clsx from 'clsx';
 import React from 'react';
 
-import { ChannelSearchControllerParams, useChannelSearch } from './hooks/useChannelSearch';
+import {
+  ChannelSearchControllerParams,
+  useChannelSearch,
+} from './hooks/useChannelSearch';
 
 import type { AdditionalSearchBarProps, SearchBarProps } from './SearchBar';
 import { SearchBar as DefaultSearchBar } from './SearchBar';
@@ -22,7 +25,7 @@ export type AdditionalChannelSearchProps = {
 };
 
 export type ChannelSearchProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = AdditionalSearchBarProps &
   AdditionalSearchInputProps &
   AdditionalSearchResultsProps<StreamChatGenerics> &
@@ -30,7 +33,7 @@ export type ChannelSearchProps<
   ChannelSearchControllerParams<StreamChatGenerics>;
 
 const UnMemoizedChannelSearch = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: ChannelSearchProps<StreamChatGenerics>,
 ) => {
@@ -44,11 +47,11 @@ const UnMemoizedChannelSearch = <
     SearchBar = DefaultSearchBar,
     SearchEmpty,
     SearchInput = DefaultSearchInput,
-    SearchLoading,
     SearchInputIcon,
+    SearchLoading,
     SearchResultItem,
-    SearchResultsList,
     SearchResultsHeader,
+    SearchResultsList,
     ...channelSearchParams
   } = props;
 
@@ -70,7 +73,9 @@ const UnMemoizedChannelSearch = <
     <div
       className={clsx(
         'str-chat__channel-search',
-        popupResults ? 'str-chat__channel-search--popup' : 'str-chat__channel-search--inline',
+        popupResults
+          ? 'str-chat__channel-search--popup'
+          : 'str-chat__channel-search--inline',
         {
           'str-chat__channel-search--with-results': results.length > 0,
         },
@@ -118,4 +123,6 @@ const UnMemoizedChannelSearch = <
  * Clicking on a list item will navigate you into a channel with the selected user. It can be used
  * on its own or added to the ChannelList component by setting the `showChannelSearch` prop to true.
  */
-export const ChannelSearch = React.memo(UnMemoizedChannelSearch) as typeof UnMemoizedChannelSearch;
+export const ChannelSearch = React.memo(
+  UnMemoizedChannelSearch,
+) as typeof UnMemoizedChannelSearch;
diff --git a/src/components/ChannelSearch/SearchBar.tsx b/src/components/ChannelSearch/SearchBar.tsx
index 0451a4c382..735ae91a6a 100644
--- a/src/components/ChannelSearch/SearchBar.tsx
+++ b/src/components/ChannelSearch/SearchBar.tsx
@@ -65,7 +65,9 @@ export type AdditionalSearchBarProps = {
   SearchInputIcon?: React.ComponentType;
 };
 
-export type SearchBarProps = AdditionalSearchBarProps & SearchBarController & SearchInputProps;
+export type SearchBarProps = AdditionalSearchBarProps &
+  SearchBarController &
+  SearchInputProps;
 
 // todo: add context menu control logic
 export const SearchBar = (props: SearchBarProps) => {
@@ -142,7 +144,11 @@ export const SearchBar = (props: SearchBarProps) => {
   const closeAppMenu = useCallback(() => setMenuIsOpen(false), []);
 
   return (
-    <div className='str-chat__channel-search-bar' data-testid='search-bar' ref={searchBarRef}>
+    <div
+      className='str-chat__channel-search-bar'
+      data-testid='search-bar'
+      ref={searchBarRef}
+    >
       {inputIsFocused ? (
         <SearchBarButton
           className='str-chat__channel-search-bar-button--exit-search'
diff --git a/src/components/ChannelSearch/SearchResults.tsx b/src/components/ChannelSearch/SearchResults.tsx
index ea03d82461..19c150cede 100644
--- a/src/components/ChannelSearch/SearchResults.tsx
+++ b/src/components/ChannelSearch/SearchResults.tsx
@@ -21,11 +21,11 @@ const DefaultSearchEmpty = () => {
 };
 
 export type SearchResultsHeaderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<SearchResultsProps<StreamChatGenerics>, 'results'>;
 
 const DefaultSearchResultsHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   results,
 }: SearchResultsHeaderProps<StreamChatGenerics>) => {
@@ -43,15 +43,18 @@ const DefaultSearchResultsHeader = <
 };
 
 export type SearchResultsListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Required<
-  Pick<SearchResultsProps<StreamChatGenerics>, 'results' | 'SearchResultItem' | 'selectResult'>
+  Pick<
+    SearchResultsProps<StreamChatGenerics>,
+    'results' | 'SearchResultItem' | 'selectResult'
+  >
 > & {
   focusedUser?: number;
 };
 
 const DefaultSearchResultsList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: SearchResultsListProps<StreamChatGenerics>,
 ) => {
@@ -73,7 +76,7 @@ const DefaultSearchResultsList = <
 };
 
 export type SearchResultItemProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<SearchResultsProps<StreamChatGenerics>, 'selectResult'> & {
   index: number;
   result: ChannelOrUserResponse<StreamChatGenerics>;
@@ -81,7 +84,7 @@ export type SearchResultItemProps<
 };
 
 const DefaultSearchResultItem = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: SearchResultItemProps<StreamChatGenerics>,
 ) => {
@@ -135,7 +138,10 @@ const ResultsContainer = ({
   return (
     <div
       aria-label={t('aria/Channel search results')}
-      className={clsx(`str-chat__channel-search-result-list`, popupResults ? 'popup' : 'inline')}
+      className={clsx(
+        `str-chat__channel-search-result-list`,
+        popupResults ? 'popup' : 'inline',
+      )}
     >
       {children}
     </div>
@@ -143,15 +149,17 @@ const ResultsContainer = ({
 };
 
 export type SearchResultsController<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   results: Array<ChannelOrUserResponse<StreamChatGenerics>>;
   searching: boolean;
-  selectResult: (result: ChannelOrUserResponse<StreamChatGenerics>) => Promise<void> | void;
+  selectResult: (
+    result: ChannelOrUserResponse<StreamChatGenerics>,
+  ) => Promise<void> | void;
 };
 
 export type AdditionalSearchResultsProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** Display search results as an absolutely positioned popup, defaults to false and shows inline */
   popupResults?: boolean;
@@ -168,22 +176,23 @@ export type AdditionalSearchResultsProps<
 };
 
 export type SearchResultsProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
-> = AdditionalSearchResultsProps<StreamChatGenerics> & SearchResultsController<StreamChatGenerics>;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = AdditionalSearchResultsProps<StreamChatGenerics> &
+  SearchResultsController<StreamChatGenerics>;
 
 export const SearchResults = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: SearchResultsProps<StreamChatGenerics>,
 ) => {
   const {
     popupResults,
     results,
-    searching,
     SearchEmpty = DefaultSearchEmpty,
-    SearchResultsHeader = DefaultSearchResultsHeader,
+    searching,
     SearchLoading,
     SearchResultItem = DefaultSearchResultItem,
+    SearchResultsHeader = DefaultSearchResultsHeader,
     SearchResultsList = DefaultSearchResultsList,
     selectResult,
   } = props;
diff --git a/src/components/ChannelSearch/__tests__/ChannelSearch.test.js b/src/components/ChannelSearch/__tests__/ChannelSearch.test.js
index 1ef5ceaede..c113abdb12 100644
--- a/src/components/ChannelSearch/__tests__/ChannelSearch.test.js
+++ b/src/components/ChannelSearch/__tests__/ChannelSearch.test.js
@@ -85,7 +85,9 @@ describe('ChannelSearch', () => {
 
   it('starts with "searching" flag disabled', async () => {
     await renderSearch();
-    expect(screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR)).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR),
+    ).not.toBeInTheDocument();
   });
 
   it('sets "searching" flag on first typing stroke', async () => {
@@ -93,7 +95,9 @@ describe('ChannelSearch', () => {
     await act(() => {
       typeText(typedText);
     });
-    expect(screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR)).toBeInTheDocument();
+    expect(
+      screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR),
+    ).toBeInTheDocument();
   });
 
   it('removes "searching" flag upon deleting the last character', async () => {
@@ -101,11 +105,15 @@ describe('ChannelSearch', () => {
     await act(() => {
       typeText(typedText);
     });
-    expect(screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR)).toBeInTheDocument();
+    expect(
+      screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR),
+    ).toBeInTheDocument();
     await act(() => {
       typeText('');
     });
-    expect(screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR)).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR),
+    ).not.toBeInTheDocument();
   });
 
   it('removes "searching" flag upon setting search results', async () => {
@@ -116,14 +124,18 @@ describe('ChannelSearch', () => {
     await act(() => {
       typeText(typedText);
     });
-    expect(screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR)).toBeInTheDocument();
+    expect(
+      screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR),
+    ).toBeInTheDocument();
 
     await act(() => {
       jest.advanceTimersByTime(1000);
     });
 
     await waitFor(() => {
-      expect(screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR)).not.toBeInTheDocument();
+      expect(
+        screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR),
+      ).not.toBeInTheDocument();
     });
     jest.useRealTimers();
   });
@@ -146,7 +158,10 @@ describe('ChannelSearch', () => {
 
     expect(client.queryUsers).toHaveBeenCalledWith(
       expect.objectContaining({
-        $or: [{ id: { $autocomplete: typedText } }, { name: { $autocomplete: typedText } }],
+        $or: [
+          { id: { $autocomplete: typedText } },
+          { name: { $autocomplete: typedText } },
+        ],
       }),
       { id: 1 },
       { limit },
@@ -169,7 +184,10 @@ describe('ChannelSearch', () => {
     jest.spyOn(client, 'queryUsers').mockResolvedValue({ users: [...otherUsers, user] });
     jest.spyOn(client, 'queryChannels').mockResolvedValue([channelResponseData]);
 
-    const { typeText } = await renderSearch({ client, props: { searchForChannels: true } });
+    const { typeText } = await renderSearch({
+      client,
+      props: { searchForChannels: true },
+    });
     await act(() => {
       typeText(typedText);
     });
@@ -276,8 +294,12 @@ describe('ChannelSearch', () => {
     });
 
     expect(client.queryUsers).toHaveBeenCalledTimes(1);
-    expect(screen.queryByTestId(TEST_ID.CHANNEL_SEARCH_RESULTS_HEADER)).not.toBeInTheDocument();
-    expect(screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR)).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(TEST_ID.CHANNEL_SEARCH_RESULTS_HEADER),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR),
+    ).not.toBeInTheDocument();
     jest.useRealTimers();
   });
 
@@ -300,8 +322,12 @@ describe('ChannelSearch', () => {
     });
 
     expect(client.queryUsers).toHaveBeenCalledTimes(1);
-    expect(screen.queryByTestId(TEST_ID.CHANNEL_SEARCH_RESULTS_HEADER)).not.toBeInTheDocument();
-    expect(screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR)).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(TEST_ID.CHANNEL_SEARCH_RESULTS_HEADER),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(TEST_ID.SEARCH_IN_PROGRESS_INDICATOR),
+    ).not.toBeInTheDocument();
     jest.useRealTimers();
   });
 
@@ -333,7 +359,10 @@ describe('ChannelSearch', () => {
     expect(client.queryUsers).toHaveBeenCalledTimes(1);
     expect(client.queryUsers).toHaveBeenCalledWith(
       expect.objectContaining({
-        $or: [{ id: { $autocomplete: textToQuery } }, { name: { $autocomplete: textToQuery } }],
+        $or: [
+          { id: { $autocomplete: textToQuery } },
+          { name: { $autocomplete: textToQuery } },
+        ],
       }),
       { id: 1 },
       { limit: 8 },
@@ -373,7 +402,10 @@ describe('ChannelSearch', () => {
     expect(client.queryUsers).toHaveBeenCalledTimes(1);
     expect(client.queryUsers).toHaveBeenCalledWith(
       expect.objectContaining({
-        $or: [{ id: { $autocomplete: textToQuery } }, { name: { $autocomplete: textToQuery } }],
+        $or: [
+          { id: { $autocomplete: textToQuery } },
+          { name: { $autocomplete: textToQuery } },
+        ],
       }),
       { id: 1 },
       { limit: 8 },
diff --git a/src/components/ChannelSearch/__tests__/SearchBar.test.js b/src/components/ChannelSearch/__tests__/SearchBar.test.js
index ad23f71079..f434333eeb 100644
--- a/src/components/ChannelSearch/__tests__/SearchBar.test.js
+++ b/src/components/ChannelSearch/__tests__/SearchBar.test.js
@@ -43,7 +43,7 @@ describe('SearchBar', () => {
   beforeEach(async () => {
     const user = generateUser();
     client = await getTestClientWithUser({ id: user.id });
-    useMockedApis(client, [queryUsersApi([user])]); // eslint-disable-line react-hooks/rules-of-hooks
+    useMockedApis(client, [queryUsersApi([user])]);
   });
 
   it.each([
diff --git a/src/components/ChannelSearch/__tests__/SearchResults.test.js b/src/components/ChannelSearch/__tests__/SearchResults.test.js
index 47bf988b1c..85152b8e0b 100644
--- a/src/components/ChannelSearch/__tests__/SearchResults.test.js
+++ b/src/components/ChannelSearch/__tests__/SearchResults.test.js
@@ -6,7 +6,11 @@ import { SearchResults } from '../SearchResults';
 
 import { ChatProvider } from '../../../context/ChatContext';
 
-import { createClientWithChannel, generateChannel, generateUser } from '../../../mock-builders';
+import {
+  createClientWithChannel,
+  generateChannel,
+  generateUser,
+} from '../../../mock-builders';
 
 const SEARCH_RESULT_LIST_SELECTOR = '.str-chat__channel-search-result-list';
 
diff --git a/src/components/ChannelSearch/hooks/useChannelSearch.ts b/src/components/ChannelSearch/hooks/useChannelSearch.ts
index 7a44f7a9d1..9139e71647 100644
--- a/src/components/ChannelSearch/hooks/useChannelSearch.ts
+++ b/src/components/ChannelSearch/hooks/useChannelSearch.ts
@@ -22,19 +22,23 @@ import type { SearchResultsController } from '../SearchResults';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export type ChannelSearchFunctionParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   setQuery: React.Dispatch<React.SetStateAction<string>>;
-  setResults: React.Dispatch<React.SetStateAction<ChannelOrUserResponse<StreamChatGenerics>[]>>;
+  setResults: React.Dispatch<
+    React.SetStateAction<ChannelOrUserResponse<StreamChatGenerics>[]>
+  >;
   setSearching: React.Dispatch<React.SetStateAction<boolean>>;
 };
 
 export type SearchController<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
-> = SearchInputController & SearchBarController & SearchResultsController<StreamChatGenerics>;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = SearchInputController &
+  SearchBarController &
+  SearchResultsController<StreamChatGenerics>;
 
 export type SearchQueryParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   channelFilters?: {
     filters?: ChannelFilters<StreamChatGenerics>;
@@ -51,7 +55,7 @@ export type SearchQueryParams<
 };
 
 export type ChannelSearchParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** The type of channel to create on user result select, defaults to `messaging` */
   channelType?: string;
@@ -84,14 +88,14 @@ export type ChannelSearchParams<
 };
 
 export type ChannelSearchControllerParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = ChannelSearchParams<StreamChatGenerics> & {
   /** Set the array of channels displayed in the ChannelList */
   setChannels?: React.Dispatch<React.SetStateAction<Array<Channel<StreamChatGenerics>>>>;
 };
 
 export const useChannelSearch = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   channelType = 'messaging',
   clearSearchOnClickOutside = true,
@@ -106,11 +110,14 @@ export const useChannelSearch = <
   searchQueryParams,
   setChannels,
 }: ChannelSearchControllerParams<StreamChatGenerics>): SearchController<StreamChatGenerics> => {
-  const { client, setActiveChannel } = useChatContext<StreamChatGenerics>('useChannelSearch');
+  const { client, setActiveChannel } =
+    useChatContext<StreamChatGenerics>('useChannelSearch');
 
   const [inputIsFocused, setInputIsFocused] = useState(false);
   const [query, setQuery] = useState('');
-  const [results, setResults] = useState<Array<ChannelOrUserResponse<StreamChatGenerics>>>([]);
+  const [results, setResults] = useState<
+    Array<ChannelOrUserResponse<StreamChatGenerics>>
+  >([]);
   const [searching, setSearching] = useState(false);
 
   const searchQueryPromiseInProgress = useRef<boolean>(false);
@@ -154,7 +161,6 @@ export const useChannelSearch = <
 
     document.addEventListener('click', clickListener);
     return () => document.removeEventListener('click', clickListener);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [disabled, inputIsFocused, query, exitSearch, clearSearchOnClickOutside]);
 
   useEffect(() => {
@@ -191,7 +197,9 @@ export const useChannelSearch = <
         setActiveChannel(result);
         selectedChannel = result;
       } else {
-        const newChannel = client.channel(channelType, { members: [client.userID, result.id] });
+        const newChannel = client.channel(channelType, {
+          members: [client.userID, result.id],
+        });
         await newChannel.watch();
 
         setActiveChannel(newChannel);
@@ -203,7 +211,14 @@ export const useChannelSearch = <
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [clearSearchOnClickOutside, client, exitSearch, onSelectResult, setActiveChannel, setChannels],
+    [
+      clearSearchOnClickOutside,
+      client,
+      exitSearch,
+      onSelectResult,
+      setActiveChannel,
+      setChannels,
+    ],
   );
 
   const getChannels = useCallback(
@@ -211,13 +226,14 @@ export const useChannelSearch = <
       if (!searchForChannels && !searchForUsers) return;
       let results: ChannelOrUserResponse<StreamChatGenerics>[] = [];
       const promises: Array<
-        Promise<Channel<StreamChatGenerics>[]> | Promise<UsersAPIResponse<StreamChatGenerics>>
+        | Promise<Channel<StreamChatGenerics>[]>
+        | Promise<UsersAPIResponse<StreamChatGenerics>>
       > = [];
       try {
         if (searchForChannels) {
           promises.push(
             client.queryChannels(
-              // @ts-expect-error
+              // @ts-expect-error valid query
               {
                 members: { $in: [client.userID] },
                 name: { $autocomplete: text },
@@ -232,7 +248,7 @@ export const useChannelSearch = <
         if (searchForUsers) {
           promises.push(
             client.queryUsers(
-              // @ts-expect-error
+              // @ts-expect-error valid query
               {
                 $or: [{ id: { $autocomplete: text } }, { name: { $autocomplete: text } }],
                 ...searchQueryParams?.userFilters?.filters,
@@ -279,10 +295,10 @@ export const useChannelSearch = <
   );
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  const scheduleGetChannels = useCallback(debounce(getChannels, searchDebounceIntervalMs), [
-    getChannels,
-    searchDebounceIntervalMs,
-  ]);
+  const scheduleGetChannels = useCallback(
+    debounce(getChannels, searchDebounceIntervalMs),
+    [getChannels, searchDebounceIntervalMs],
+  );
 
   const onSearch = useCallback(
     (event: React.ChangeEvent<HTMLInputElement>) => {
diff --git a/src/components/ChannelSearch/icons.tsx b/src/components/ChannelSearch/icons.tsx
index 20fab9a298..d841b79ef0 100644
--- a/src/components/ChannelSearch/icons.tsx
+++ b/src/components/ChannelSearch/icons.tsx
@@ -36,7 +36,13 @@ export const ReturnIcon = () => (
 );
 
 export const XIcon = () => (
-  <svg fill='none' height='14' viewBox='0 0 14 14' width='14' xmlns='http://www.w3.org/2000/svg'>
+  <svg
+    fill='none'
+    height='14'
+    viewBox='0 0 14 14'
+    width='14'
+    xmlns='http://www.w3.org/2000/svg'
+  >
     <path
       d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z'
       fill='#747881'
diff --git a/src/components/ChannelSearch/index.ts b/src/components/ChannelSearch/index.ts
index 951f123d53..716d76b7a8 100644
--- a/src/components/ChannelSearch/index.ts
+++ b/src/components/ChannelSearch/index.ts
@@ -3,4 +3,7 @@ export * from './SearchBar';
 export * from './SearchInput';
 export * from './SearchResults';
 export * from './utils';
-export type { ChannelSearchFunctionParams, ChannelSearchParams } from './hooks/useChannelSearch';
+export type {
+  ChannelSearchFunctionParams,
+  ChannelSearchParams,
+} from './hooks/useChannelSearch';
diff --git a/src/components/ChannelSearch/utils.ts b/src/components/ChannelSearch/utils.ts
index 31409f92e5..d9eec5c78b 100644
--- a/src/components/ChannelSearch/utils.ts
+++ b/src/components/ChannelSearch/utils.ts
@@ -3,11 +3,12 @@ import type { Channel, UserResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type ChannelOrUserResponse<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Channel<StreamChatGenerics> | UserResponse<StreamChatGenerics>;
 
 export const isChannel = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   output: ChannelOrUserResponse<StreamChatGenerics>,
-): output is Channel<StreamChatGenerics> => (output as Channel<StreamChatGenerics>).cid != null;
+): output is Channel<StreamChatGenerics> =>
+  (output as Channel<StreamChatGenerics>).cid != null;
diff --git a/src/components/Chat/Chat.tsx b/src/components/Chat/Chat.tsx
index b908ee47bf..f65b6a1ff5 100644
--- a/src/components/Chat/Chat.tsx
+++ b/src/components/Chat/Chat.tsx
@@ -15,7 +15,7 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { MessageContextValue } from '../../context';
 
 export type ChatProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** The StreamChat client object */
   client: StreamChat<StreamChatGenerics>;
@@ -44,7 +44,7 @@ export type ChatProps<
  * as it provides the ChatContext.
  */
 export const Chat = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: PropsWithChildren<ChatProps<StreamChatGenerics>>,
 ) => {
diff --git a/src/components/Chat/hooks/useChannelsQueryState.ts b/src/components/Chat/hooks/useChannelsQueryState.ts
index 46329978c1..0a7fc6fb7a 100644
--- a/src/components/Chat/hooks/useChannelsQueryState.ts
+++ b/src/components/Chat/hooks/useChannelsQueryState.ts
@@ -16,7 +16,8 @@ export interface ChannelsQueryState {
 
 export const useChannelsQueryState = (): ChannelsQueryState => {
   const [error, setError] = useState<ErrorFromResponse<APIErrorResponse> | null>(null);
-  const [queryInProgress, setQueryInProgress] = useState<ChannelQueryState>('uninitialized');
+  const [queryInProgress, setQueryInProgress] =
+    useState<ChannelQueryState>('uninitialized');
 
   return {
     error,
diff --git a/src/components/Chat/hooks/useChat.ts b/src/components/Chat/hooks/useChat.ts
index 168c4c76e3..d7fcedaea8 100644
--- a/src/components/Chat/hooks/useChat.ts
+++ b/src/components/Chat/hooks/useChat.ts
@@ -8,12 +8,18 @@ import {
   SupportedTranslations,
 } from '../../../i18n';
 
-import type { AppSettingsAPIResponse, Channel, Event, Mute, StreamChat } from 'stream-chat';
+import type {
+  AppSettingsAPIResponse,
+  Channel,
+  Event,
+  Mute,
+  StreamChat,
+} from 'stream-chat';
 
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export type UseChatParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   client: StreamChat<StreamChatGenerics>;
   defaultLanguage?: SupportedTranslations;
@@ -22,7 +28,7 @@ export type UseChatParams<
 };
 
 export const useChat = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   client,
   defaultLanguage = 'en',
@@ -45,7 +51,9 @@ export const useChat = <
   const closeMobileNav = () => setNavOpen(false);
   const openMobileNav = () => setTimeout(() => setNavOpen(true), 100);
 
-  const appSettings = useRef<Promise<AppSettingsAPIResponse<StreamChatGenerics>> | null>(null);
+  const appSettings = useRef<Promise<AppSettingsAPIResponse<StreamChatGenerics>> | null>(
+    null,
+  );
 
   const getAppSettings = () => {
     if (appSettings.current) {
@@ -91,7 +99,9 @@ export const useChat = <
 
     if (!userLanguage) {
       const browserLanguage = window.navigator.language.slice(0, 2); // just get language code, not country-specific version
-      userLanguage = isLanguageSupported(browserLanguage) ? browserLanguage : defaultLanguage;
+      userLanguage = isLanguageSupported(browserLanguage)
+        ? browserLanguage
+        : defaultLanguage;
     }
 
     const streami18n = i18nInstance || new Streami18n({ language: userLanguage });
diff --git a/src/components/Chat/hooks/useCreateChatClient.ts b/src/components/Chat/hooks/useCreateChatClient.ts
index f98af175a3..cefc95fe68 100644
--- a/src/components/Chat/hooks/useCreateChatClient.ts
+++ b/src/components/Chat/hooks/useCreateChatClient.ts
@@ -38,9 +38,11 @@ export const useCreateChatClient = <SCG extends ExtendableGenerics = DefaultGene
     const client = new StreamChat<SCG>(apiKey, undefined, cachedOptions);
     let didUserConnectInterrupt = false;
 
-    const connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(() => {
-      if (!didUserConnectInterrupt) setChatClient(client);
-    });
+    const connectionPromise = client
+      .connectUser(cachedUserData, tokenOrProvider)
+      .then(() => {
+        if (!didUserConnectInterrupt) setChatClient(client);
+      });
 
     return () => {
       didUserConnectInterrupt = true;
diff --git a/src/components/Chat/hooks/useCreateChatContext.ts b/src/components/Chat/hooks/useCreateChatContext.ts
index d9cec2b0ba..5423628479 100644
--- a/src/components/Chat/hooks/useCreateChatContext.ts
+++ b/src/components/Chat/hooks/useCreateChatContext.ts
@@ -4,7 +4,7 @@ import type { ChatContextValue } from '../../../context/ChatContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateChatContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   value: ChatContextValue<StreamChatGenerics>,
 ) => {
diff --git a/src/components/ChatAutoComplete/ChatAutoComplete.tsx b/src/components/ChatAutoComplete/ChatAutoComplete.tsx
index 7c5f2c5123..eab63c1aa5 100644
--- a/src/components/ChatAutoComplete/ChatAutoComplete.tsx
+++ b/src/components/ChatAutoComplete/ChatAutoComplete.tsx
@@ -10,30 +10,38 @@ import { useComponentContext } from '../../context/ComponentContext';
 import type { CommandResponse, UserResponse } from 'stream-chat';
 
 import type { TriggerSettings } from '../MessageInput/DefaultTriggerProvider';
-import type { CustomTrigger, DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import type {
+  CustomTrigger,
+  DefaultStreamChatGenerics,
+  UnknownType,
+} from '../../types/types';
 import { EmojiSearchIndex, EmojiSearchIndexResult } from '../MessageInput';
 
 type ObjectUnion<T> = T[keyof T];
 
 export type SuggestionCommand<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = CommandResponse<StreamChatGenerics>;
 
 export type SuggestionUser<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = UserResponse<StreamChatGenerics>;
 
-export type SuggestionEmoji<T extends UnknownType = UnknownType> = EmojiSearchIndexResult & T;
+export type SuggestionEmoji<T extends UnknownType = UnknownType> =
+  EmojiSearchIndexResult & T;
 
 export type SuggestionItem<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  T extends UnknownType = UnknownType
-> = SuggestionUser<StreamChatGenerics> | SuggestionCommand<StreamChatGenerics> | SuggestionEmoji<T>;
+  T extends UnknownType = UnknownType,
+> =
+  | SuggestionUser<StreamChatGenerics>
+  | SuggestionCommand<StreamChatGenerics>
+  | SuggestionEmoji<T>;
 
 // FIXME: entity type is wrong, fix
 export type SuggestionItemProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  T extends UnknownType = UnknownType
+  T extends UnknownType = UnknownType,
 > = {
   className: string;
   component: React.ComponentType<{
@@ -59,41 +67,41 @@ export interface SuggestionHeaderProps {
 
 export type SuggestionListProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
-> = ObjectUnion<
-  {
-    [key in keyof TriggerSettings<StreamChatGenerics, V>]: {
-      component: TriggerSettings<StreamChatGenerics, V>[key]['component'];
-      currentTrigger: string;
-      dropdownScroll: (element: HTMLDivElement) => void;
-      getSelectedItem:
-        | ((item: Parameters<TriggerSettings<StreamChatGenerics, V>[key]['output']>[0]) => void)
-        | null;
-      getTextToReplace: (
-        item: Parameters<TriggerSettings<StreamChatGenerics, V>[key]['output']>[0],
-      ) => {
-        caretPosition: 'start' | 'end' | 'next' | number;
-        text: string;
-        key?: string;
-      };
-      Header: React.ComponentType<SuggestionHeaderProps>;
-      onSelect: (newToken: {
-        caretPosition: 'start' | 'end' | 'next' | number;
-        text: string;
-      }) => void;
-      selectionEnd: number;
-      SuggestionItem: React.ComponentType<SuggestionItemProps>;
-      values: Parameters<
-        Parameters<TriggerSettings<StreamChatGenerics, V>[key]['dataProvider']>[2]
-      >[0];
-      className?: string;
-      itemClassName?: string;
-      itemStyle?: React.CSSProperties;
-      style?: React.CSSProperties;
-      value?: string;
+  V extends CustomTrigger = CustomTrigger,
+> = ObjectUnion<{
+  [key in keyof TriggerSettings<StreamChatGenerics, V>]: {
+    component: TriggerSettings<StreamChatGenerics, V>[key]['component'];
+    currentTrigger: string;
+    dropdownScroll: (element: HTMLDivElement) => void;
+    getSelectedItem:
+      | ((
+          item: Parameters<TriggerSettings<StreamChatGenerics, V>[key]['output']>[0],
+        ) => void)
+      | null;
+    getTextToReplace: (
+      item: Parameters<TriggerSettings<StreamChatGenerics, V>[key]['output']>[0],
+    ) => {
+      caretPosition: 'start' | 'end' | 'next' | number;
+      text: string;
+      key?: string;
     };
-  }
->;
+    Header: React.ComponentType<SuggestionHeaderProps>;
+    onSelect: (newToken: {
+      caretPosition: 'start' | 'end' | 'next' | number;
+      text: string;
+    }) => void;
+    selectionEnd: number;
+    SuggestionItem: React.ComponentType<SuggestionItemProps>;
+    values: Parameters<
+      Parameters<TriggerSettings<StreamChatGenerics, V>[key]['dataProvider']>[2]
+    >[0];
+    className?: string;
+    itemClassName?: string;
+    itemStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
+    value?: string;
+  };
+}>;
 
 export type ChatAutoCompleteProps<T extends UnknownType = UnknownType> = {
   /** Override the default disabled state of the underlying `textarea` component. */
@@ -120,7 +128,7 @@ export type ChatAutoCompleteProps<T extends UnknownType = UnknownType> = {
 
 const UnMemoizedChatAutoComplete = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: ChatAutoCompleteProps,
 ) => {
@@ -131,7 +139,12 @@ const UnMemoizedChatAutoComplete = <
   const { t } = useTranslationContext('ChatAutoComplete');
 
   const messageInput = useMessageInputContext<StreamChatGenerics, V>('ChatAutoComplete');
-  const { cooldownRemaining, disabled, emojiSearchIndex, textareaRef: innerRef } = messageInput;
+  const {
+    cooldownRemaining,
+    disabled,
+    emojiSearchIndex,
+    textareaRef: innerRef,
+  } = messageInput;
 
   const placeholder = props.placeholder || t('Type your message');
 
diff --git a/src/components/ChatAutoComplete/__tests__/ChatAutocomplete.test.js b/src/components/ChatAutoComplete/__tests__/ChatAutocomplete.test.js
index d5055a1629..6d94894d36 100644
--- a/src/components/ChatAutoComplete/__tests__/ChatAutocomplete.test.js
+++ b/src/components/ChatAutoComplete/__tests__/ChatAutocomplete.test.js
@@ -52,7 +52,8 @@ const renderComponent = async (
   messageInputContextOverrides = {},
   activeChannel = channel,
 ) => {
-  const placeholderText = props.placeholder === null ? null : props.placeholder || 'placeholder';
+  const placeholderText =
+    props.placeholder === null ? null : props.placeholder || 'placeholder';
 
   const OverrideMessageInputContext = ({ children }) => {
     const currentContext = useMessageInputContext();
@@ -61,7 +62,9 @@ const renderComponent = async (
       ...messageInputContextOverrides,
     };
     return (
-      <MessageInputContextProvider value={withOverrides}>{children}</MessageInputContextProvider>
+      <MessageInputContextProvider value={withOverrides}>
+        {children}
+      </MessageInputContextProvider>
     );
   };
 
@@ -147,7 +150,10 @@ describe('ChatAutoComplete', () => {
   });
 
   it('should give preference to cooldown value over the prop disabled', async () => {
-    await renderComponent({ disabled: false, placeholder: null }, { cooldownRemaining: 10 });
+    await renderComponent(
+      { disabled: false, placeholder: null },
+      { cooldownRemaining: 10 },
+    );
     expect(screen.queryByPlaceholderText('Placeholder')).not.toBeInTheDocument();
     const textarea = screen.getByTestId('message-input');
     expect(textarea).toBeDisabled();
@@ -236,7 +242,6 @@ describe('ChatAutoComplete', () => {
     typeText(userAutocompleteText);
     const userText = await queryAllByText(user.name);
 
-    // eslint-disable-next-line jest-dom/prefer-in-document
     expect(userText).toHaveLength(0);
   });
 
diff --git a/src/components/ChatView/ChatView.tsx b/src/components/ChatView/ChatView.tsx
index 7ff684c675..014731c87c 100644
--- a/src/components/ChatView/ChatView.tsx
+++ b/src/components/ChatView/ChatView.tsx
@@ -10,10 +10,10 @@ import type { PropsWithChildren } from 'react';
 import type { Thread, ThreadManagerState } from 'stream-chat';
 import clsx from 'clsx';
 
-const availableChatViews = ['channels', 'threads'] as const;
+type ChatView = 'channels' | 'threads';
 
 type ChatViewContextValue = {
-  activeChatView: typeof availableChatViews[number];
+  activeChatView: ChatView;
   setActiveChatView: (cv: ChatViewContextValue['activeChatView']) => void;
 };
 
@@ -23,9 +23,8 @@ const ChatViewContext = createContext<ChatViewContextValue>({
 });
 
 export const ChatView = ({ children }: PropsWithChildren) => {
-  const [activeChatView, setActiveChatView] = useState<ChatViewContextValue['activeChatView']>(
-    'channels',
-  );
+  const [activeChatView, setActiveChatView] =
+    useState<ChatViewContextValue['activeChatView']>('channels');
 
   const { theme } = useChatContext();
 
@@ -60,9 +59,8 @@ export const useThreadsViewContext = () => useContext(ThreadsViewContext);
 
 const ThreadsView = ({ children }: PropsWithChildren) => {
   const { activeChatView } = useContext(ChatViewContext);
-  const [activeThread, setActiveThread] = useState<ThreadsViewContextValue['activeThread']>(
-    undefined,
-  );
+  const [activeThread, setActiveThread] =
+    useState<ThreadsViewContextValue['activeThread']>(undefined);
 
   const value = useMemo(() => ({ activeThread, setActiveThread }), [activeThread]);
 
diff --git a/src/components/CommandItem/CommandItem.tsx b/src/components/CommandItem/CommandItem.tsx
index 9b53eb7efa..08ad4b07b8 100644
--- a/src/components/CommandItem/CommandItem.tsx
+++ b/src/components/CommandItem/CommandItem.tsx
@@ -25,4 +25,6 @@ const UnMemoizedCommandItem = (props: PropsWithChildren<CommandItemProps>) => {
   );
 };
 
-export const CommandItem = React.memo(UnMemoizedCommandItem) as typeof UnMemoizedCommandItem;
+export const CommandItem = React.memo(
+  UnMemoizedCommandItem,
+) as typeof UnMemoizedCommandItem;
diff --git a/src/components/CommandItem/__tests__/CommandItem.test.js b/src/components/CommandItem/__tests__/CommandItem.test.js
index 41f8195a22..df962b7384 100644
--- a/src/components/CommandItem/__tests__/CommandItem.test.js
+++ b/src/components/CommandItem/__tests__/CommandItem.test.js
@@ -5,7 +5,7 @@ import '@testing-library/jest-dom';
 
 import { CommandItem } from '../CommandItem';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('commandItem', () => {
   it('should render component with empty entity', () => {
diff --git a/src/components/DateSeparator/DateSeparator.tsx b/src/components/DateSeparator/DateSeparator.tsx
index f4bbb3a50b..daf75a6cb2 100644
--- a/src/components/DateSeparator/DateSeparator.tsx
+++ b/src/components/DateSeparator/DateSeparator.tsx
@@ -56,4 +56,6 @@ const UnMemoizedDateSeparator = (props: DateSeparatorProps) => {
 /**
  * A simple date separator between messages.
  */
-export const DateSeparator = React.memo(UnMemoizedDateSeparator) as typeof UnMemoizedDateSeparator;
+export const DateSeparator = React.memo(
+  UnMemoizedDateSeparator,
+) as typeof UnMemoizedDateSeparator;
diff --git a/src/components/DateSeparator/__tests__/DateSeparator.test.js b/src/components/DateSeparator/__tests__/DateSeparator.test.js
index 22926d7af3..e5669b48b5 100644
--- a/src/components/DateSeparator/__tests__/DateSeparator.test.js
+++ b/src/components/DateSeparator/__tests__/DateSeparator.test.js
@@ -12,7 +12,7 @@ import { Streami18n } from '../../../i18n';
 
 Dayjs.extend(calendar);
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 const DATE_SEPARATOR_TEST_ID = 'date-separator';
 const dateMock = 'the date';
@@ -106,7 +106,8 @@ describe('DateSeparator', () => {
       chatProps: {
         i18nInstance: new Streami18n({
           translationsForLanguage: {
-            'timestamp/DateSeparator': '{{ timestamp | timestampFormatter(calendar: false) }}',
+            'timestamp/DateSeparator':
+              '{{ timestamp | timestampFormatter(calendar: false) }}',
           },
         }),
       },
@@ -144,7 +145,8 @@ describe('DateSeparator', () => {
       chatProps: {
         i18nInstance: new Streami18n({
           translationsForLanguage: {
-            'timestamp/DateSeparator': '{{ timestamp | timestampFormatter(calendar: false) }}',
+            'timestamp/DateSeparator':
+              '{{ timestamp | timestampFormatter(calendar: false) }}',
           },
         }),
       },
diff --git a/src/components/Dialog/DialogManager.ts b/src/components/Dialog/DialogManager.ts
index caa14e7f38..5ec28036b2 100644
--- a/src/components/Dialog/DialogManager.ts
+++ b/src/components/Dialog/DialogManager.ts
@@ -47,10 +47,13 @@ export class DialogManager {
   }
 
   get openDialogCount() {
-    return Object.values(this.state.getLatestValue().dialogsById).reduce((count, dialog) => {
-      if (dialog.isOpen) return count + 1;
-      return count;
-    }, 0);
+    return Object.values(this.state.getLatestValue().dialogsById).reduce(
+      (count, dialog) => {
+        if (dialog.isOpen) return count + 1;
+        return count;
+      },
+      0,
+    );
   }
 
   getOrCreate({ id }: GetOrCreateDialogParams) {
@@ -120,7 +123,9 @@ export class DialogManager {
   }
 
   closeAll() {
-    Object.values(this.state.getLatestValue().dialogsById).forEach((dialog) => dialog.close());
+    Object.values(this.state.getLatestValue().dialogsById).forEach((dialog) =>
+      dialog.close(),
+    );
   }
 
   toggle(params: GetOrCreateDialogParams, closeAll = false) {
diff --git a/src/components/Dialog/DialogMenu.tsx b/src/components/Dialog/DialogMenu.tsx
index 9fe04f9986..33f7fcf09e 100644
--- a/src/components/Dialog/DialogMenu.tsx
+++ b/src/components/Dialog/DialogMenu.tsx
@@ -3,7 +3,11 @@ import clsx from 'clsx';
 
 export type DialogMenuButtonProps = ComponentProps<'button'>;
 
-export const DialogMenuButton = ({ children, className, ...props }: DialogMenuButtonProps) => (
+export const DialogMenuButton = ({
+  children,
+  className,
+  ...props
+}: DialogMenuButtonProps) => (
   <button className={clsx('str-chat__dialog-menu__button', className)} {...props}>
     <div className='str-chat__dialog-menu__button-icon' />
     <div className='str-chat__dialog-menu__button-text'>{children}</div>
diff --git a/src/components/Dialog/FormDialog.tsx b/src/components/Dialog/FormDialog.tsx
index d9eacd9d37..9908b7301c 100644
--- a/src/components/Dialog/FormDialog.tsx
+++ b/src/components/Dialog/FormDialog.tsx
@@ -36,7 +36,9 @@ type FormValue<F extends Record<FieldId, FieldConfig>> = {
 };
 
 export const FormDialog = <
-  F extends FormValue<Record<FieldId, FieldConfig>> = FormValue<Record<FieldId, FieldConfig>>
+  F extends FormValue<Record<FieldId, FieldConfig>> = FormValue<
+    Record<FieldId, FieldConfig>
+  >,
 >({
   className,
   close,
@@ -55,7 +57,9 @@ export const FormDialog = <
     return acc as F;
   });
 
-  const handleChange = useCallback<ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>>(
+  const handleChange = useCallback<
+    ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>
+  >(
     (event) => {
       const fieldId = event.target.id;
       const fieldConfig = fields[fieldId];
@@ -113,7 +117,9 @@ export const FormDialog = <
             <div className='str-chat__dialog__field' key={`dialog-field-${id}`}>
               {fieldConfig.label && (
                 <label
-                  className={clsx(`str-chat__dialog__title str-chat__dialog__title--${id}`)}
+                  className={clsx(
+                    `str-chat__dialog__title str-chat__dialog__title--${id}`,
+                  )}
                   htmlFor={id}
                 >
                   {fieldConfig.label}
@@ -139,7 +145,9 @@ export const FormDialog = <
         </button>
         <button
           className='str-chat__dialog__controls-button str-chat__dialog__controls-button--submit'
-          disabled={Object.keys(fieldErrors).length > 0 || shouldDisableSubmitButton?.(value)}
+          disabled={
+            Object.keys(fieldErrors).length > 0 || shouldDisableSubmitButton?.(value)
+          }
           onClick={handleSubmit}
           type='submit'
         >
diff --git a/src/components/Dialog/PromptDialog.tsx b/src/components/Dialog/PromptDialog.tsx
index c916fb5a80..28ff54cf8e 100644
--- a/src/components/Dialog/PromptDialog.tsx
+++ b/src/components/Dialog/PromptDialog.tsx
@@ -8,7 +8,12 @@ export type ConfirmationDialogProps = {
   title?: string;
 };
 
-export const PromptDialog = ({ actions, className, prompt, title }: ConfirmationDialogProps) => (
+export const PromptDialog = ({
+  actions,
+  className,
+  prompt,
+  title,
+}: ConfirmationDialogProps) => (
   <div className={clsx('str-chat__dialog str-chat__dialog--prompt', className)}>
     <div className='str-chat__dialog__body'>
       {title && <div className='str-chat__dialog__title'>{title}</div>}
diff --git a/src/components/Dialog/__tests__/DialogsManager.test.js b/src/components/Dialog/__tests__/DialogsManager.test.js
index 1c684abd10..98c6580455 100644
--- a/src/components/Dialog/__tests__/DialogsManager.test.js
+++ b/src/components/Dialog/__tests__/DialogsManager.test.js
@@ -63,7 +63,9 @@ describe('DialogManager', () => {
     const dialogManager = new DialogManager();
     dialogManager.getOrCreate({ id: dialogId });
     dialogManager.open({ id: dialogId });
-    expect(dialogManager.state.getLatestValue().dialogsById[dialogId].isOpen).toBeTruthy();
+    expect(
+      dialogManager.state.getLatestValue().dialogsById[dialogId].isOpen,
+    ).toBeTruthy();
     expect(dialogManager.openDialogCount).toBe(1);
   });
 
@@ -84,7 +86,9 @@ describe('DialogManager', () => {
     const dialogs = dialogManager.state.getLatestValue().dialogsById;
     expect(dialogs.xxx.isOpen).toBeFalsy();
     expect(dialogs.yyy.isOpen).toBeFalsy();
-    expect(dialogManager.state.getLatestValue().dialogsById[dialogId].isOpen).toBeTruthy();
+    expect(
+      dialogManager.state.getLatestValue().dialogsById[dialogId].isOpen,
+    ).toBeTruthy();
     expect(dialogManager.openDialogCount).toBe(1);
   });
 
diff --git a/src/components/DragAndDrop/DragAndDropContainer.tsx b/src/components/DragAndDrop/DragAndDropContainer.tsx
index fda1cbd903..0c5bd5cfda 100644
--- a/src/components/DragAndDrop/DragAndDropContainer.tsx
+++ b/src/components/DragAndDrop/DragAndDropContainer.tsx
@@ -22,8 +22,8 @@ export const DragAndDropContainer = ({
     dragStartIndex === null || dragOverIndex === null
       ? undefined
       : dragStartIndex <= dragOverIndex
-      ? 'down'
-      : 'up';
+        ? 'down'
+        : 'up';
 
   const childrenArray = React.Children.toArray(children);
 
@@ -115,7 +115,10 @@ export const DragAndDropContainer = ({
   }, [container, onSetNewOrder]);
 
   return (
-    <div className={clsx('str-chat__drag-and-drop-container', className)} ref={setContainer}>
+    <div
+      className={clsx('str-chat__drag-and-drop-container', className)}
+      ref={setContainer}
+    >
       {order.map((originalIndex, currentIndex) => {
         const child = childrenArray[originalIndex];
         return (
@@ -127,7 +130,9 @@ export const DragAndDropContainer = ({
                 moveDirection === 'down' && dragOverIndex === currentIndex,
             })}
             draggable={draggable}
-            key={React.isValidElement(child) ? child.key : `draggable-item-${originalIndex}`}
+            key={
+              React.isValidElement(child) ? child.key : `draggable-item-${originalIndex}`
+            }
           >
             {child}
           </div>
diff --git a/src/components/EmoticonItem/EmoticonItem.tsx b/src/components/EmoticonItem/EmoticonItem.tsx
index 402202b54d..82b7c4c212 100644
--- a/src/components/EmoticonItem/EmoticonItem.tsx
+++ b/src/components/EmoticonItem/EmoticonItem.tsx
@@ -45,4 +45,6 @@ const UnMemoizedEmoticonItem = (props: EmoticonItemProps) => {
   );
 };
 
-export const EmoticonItem = React.memo(UnMemoizedEmoticonItem) as typeof UnMemoizedEmoticonItem;
+export const EmoticonItem = React.memo(
+  UnMemoizedEmoticonItem,
+) as typeof UnMemoizedEmoticonItem;
diff --git a/src/components/EmoticonItem/__tests__/EmoticonItem.test.js b/src/components/EmoticonItem/__tests__/EmoticonItem.test.js
index 05e78d2837..d6d185a778 100644
--- a/src/components/EmoticonItem/__tests__/EmoticonItem.test.js
+++ b/src/components/EmoticonItem/__tests__/EmoticonItem.test.js
@@ -5,7 +5,7 @@ import '@testing-library/jest-dom';
 
 import { EmoticonItem } from '../EmoticonItem';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('EmoticonItem', () => {
   it('should render component with empty entity', () => {
diff --git a/src/components/EmptyStateIndicator/__tests__/EmptyStateIndicator.test.js b/src/components/EmptyStateIndicator/__tests__/EmptyStateIndicator.test.js
index 89cd562369..431298745b 100644
--- a/src/components/EmptyStateIndicator/__tests__/EmptyStateIndicator.test.js
+++ b/src/components/EmptyStateIndicator/__tests__/EmptyStateIndicator.test.js
@@ -5,7 +5,7 @@ import '@testing-library/jest-dom';
 
 import { EmptyStateIndicator } from '../EmptyStateIndicator';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('EmptyStateIndicator', () => {
   it('should render with default props', () => {
diff --git a/src/components/EventComponent/EventComponent.tsx b/src/components/EventComponent/EventComponent.tsx
index ce09b8e217..d5bcb88ad7 100644
--- a/src/components/EventComponent/EventComponent.tsx
+++ b/src/components/EventComponent/EventComponent.tsx
@@ -10,7 +10,7 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { TimestampFormatterOptions } from '../../i18n/types';
 
 export type EventComponentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = TimestampFormatterOptions & {
   /** Message object */
   message: StreamMessage<StreamChatGenerics>;
@@ -22,11 +22,11 @@ export type EventComponentProps<
  * Component to display system and channel event messages
  */
 const UnMemoizedEventComponent = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: EventComponentProps<StreamChatGenerics>,
 ) => {
-  const { calendar, calendarFormats, format, Avatar = DefaultAvatar, message } = props;
+  const { Avatar = DefaultAvatar, calendar, calendarFormats, format, message } = props;
 
   const { t, tDateTimeParser } = useTranslationContext('EventComponent');
   const { created_at = '', event, text, type } = message;
@@ -65,7 +65,9 @@ const UnMemoizedEventComponent = <
       <div className='str-chat__event-component__channel-event'>
         <Avatar image={event.user?.image} name={name} user={event.user} />
         <div className='str-chat__event-component__channel-event__content'>
-          <em className='str-chat__event-component__channel-event__sentence'>{sentence}</em>
+          <em className='str-chat__event-component__channel-event__sentence'>
+            {sentence}
+          </em>
           <div className='str-chat__event-component__channel-event__date'>
             {getDateString({ ...getDateOptions, format: 'LT' })}
           </div>
diff --git a/src/components/EventComponent/__tests__/EventComponent.test.js b/src/components/EventComponent/__tests__/EventComponent.test.js
index 90a5f65e54..fa6b270d1f 100644
--- a/src/components/EventComponent/__tests__/EventComponent.test.js
+++ b/src/components/EventComponent/__tests__/EventComponent.test.js
@@ -79,7 +79,9 @@ describe('EventComponent', () => {
   describe('timestamp formatting', () => {
     it('should format date with default formatting rules provided by i18n service', async () => {
       await renderComponent();
-      expect(screen.getByTestId(SYSTEM_MSG_TEST_ID)).toHaveTextContent('Friday 03/13/2020');
+      expect(screen.getByTestId(SYSTEM_MSG_TEST_ID)).toHaveTextContent(
+        'Friday 03/13/2020',
+      );
     });
 
     it('should format date with custom formatting rules provided by i18n service', async () => {
@@ -87,7 +89,8 @@ describe('EventComponent', () => {
         chatProps: {
           i18nInstance: new Streami18n({
             translationsForLanguage: {
-              'timestamp/SystemMessage': '{{ timestamp | timestampFormatter(format: "YYYY") }}',
+              'timestamp/SystemMessage':
+                '{{ timestamp | timestampFormatter(format: "YYYY") }}',
             },
           }),
         },
@@ -100,7 +103,8 @@ describe('EventComponent', () => {
         chatProps: {
           i18nInstance: new Streami18n({
             translationsForLanguage: {
-              'timestamp/SystemMessage': '{{ timestamp | timestampFormatter(calendar: true) }}',
+              'timestamp/SystemMessage':
+                '{{ timestamp | timestampFormatter(calendar: true) }}',
             },
           }),
         },
@@ -140,7 +144,8 @@ describe('EventComponent', () => {
         chatProps: {
           i18nInstance: new Streami18n({
             translationsForLanguage: {
-              'timestamp/SystemMessage': '{{ timestamp | timestampFormatter(calendar: false) }}',
+              'timestamp/SystemMessage':
+                '{{ timestamp | timestampFormatter(calendar: false) }}',
             },
           }),
         },
@@ -172,7 +177,9 @@ describe('EventComponent', () => {
           },
         },
       });
-      expect(screen.getByTestId(SYSTEM_MSG_TEST_ID)).toHaveTextContent('Friday 03/13/2020');
+      expect(screen.getByTestId(SYSTEM_MSG_TEST_ID)).toHaveTextContent(
+        'Friday 03/13/2020',
+      );
     });
   });
 
diff --git a/src/components/Form/SwitchField.tsx b/src/components/Form/SwitchField.tsx
index 3b6a6067ac..ff2fdd21c5 100644
--- a/src/components/Form/SwitchField.tsx
+++ b/src/components/Form/SwitchField.tsx
@@ -20,7 +20,9 @@ export const SwitchField = ({ children, ...props }: SwitchFieldProps) => {
   return (
     <div className='str-chat__form__field str-chat__form__switch-field'>
       <label>
-        <div className='str-chat__form__field str-chat__form__switch-field-content'>{children}</div>
+        <div className='str-chat__form__field str-chat__form__switch-field-content'>
+          {children}
+        </div>
         <input type='checkbox' {...props} ref={inputRef} />
         <div
           className={clsx('str-chat__form__switch-field__switch', {
@@ -42,6 +44,8 @@ export type SimpleSwitchFieldProps = ComponentProps<'input'> & {
 
 export const SimpleSwitchField = ({ labelText, ...props }: SimpleSwitchFieldProps) => (
   <SwitchField {...props}>
-    <div className='str-chat__form__field str-chat__form__switch-field__text'>{labelText}</div>
+    <div className='str-chat__form__field str-chat__form__switch-field__text'>
+      {labelText}
+    </div>
   </SwitchField>
 );
diff --git a/src/components/Gallery/Gallery.tsx b/src/components/Gallery/Gallery.tsx
index 848a7d220d..6bf0ff3625 100644
--- a/src/components/Gallery/Gallery.tsx
+++ b/src/components/Gallery/Gallery.tsx
@@ -14,7 +14,7 @@ import type { Attachment } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type GalleryProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   images: ((
     | {
@@ -27,7 +27,7 @@ export type GalleryProps<
 };
 
 const UnMemoizedGallery = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: GalleryProps<StreamChatGenerics>,
 ) => {
@@ -36,9 +36,8 @@ const UnMemoizedGallery = <
   const [index, setIndex] = useState(0);
   const [modalOpen, setModalOpen] = useState(false);
 
-  const { BaseImage = DefaultBaseImage, ModalGallery = DefaultModalGallery } = useComponentContext(
-    'Gallery',
-  );
+  const { BaseImage = DefaultBaseImage, ModalGallery = DefaultModalGallery } =
+    useComponentContext('Gallery');
   const { t } = useTranslationContext('Gallery');
 
   const imageFallbackTitle = t('User uploaded content');
@@ -93,7 +92,9 @@ const UnMemoizedGallery = <
           alt={(image as Attachment<StreamChatGenerics>)?.fallback || imageFallbackTitle}
           src={sanitizeUrl(image.previewUrl || image.image_url || image.thumb_url)}
           style={image.style}
-          title={(image as Attachment<StreamChatGenerics>)?.fallback || imageFallbackTitle}
+          title={
+            (image as Attachment<StreamChatGenerics>)?.fallback || imageFallbackTitle
+          }
           {...(innerRefs?.current && {
             ref: (r) => {
               innerRefs.current[i] = r;
diff --git a/src/components/Gallery/Image.tsx b/src/components/Gallery/Image.tsx
index d3d23f7fcd..0713f6cccd 100644
--- a/src/components/Gallery/Image.tsx
+++ b/src/components/Gallery/Image.tsx
@@ -10,7 +10,7 @@ import type { Attachment } from 'stream-chat';
 import type { DefaultStreamChatGenerics, Dimensions } from '../../types/types';
 
 export type ImageProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   dimensions?: Dimensions;
   innerRef?: MutableRefObject<HTMLImageElement | null>;
@@ -32,16 +32,23 @@ export type ImageProps<
  * A simple component that displays an image.
  */
 export const ImageComponent = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: ImageProps<StreamChatGenerics>,
 ) => {
-  const { dimensions = {}, fallback, image_url, thumb_url, innerRef, previewUrl, style } = props;
+  const {
+    dimensions = {},
+    fallback,
+    image_url,
+    innerRef,
+    previewUrl,
+    style,
+    thumb_url,
+  } = props;
 
   const [modalIsOpen, setModalIsOpen] = useState(false);
-  const { BaseImage = DefaultBaseImage, ModalGallery = DefaultModalGallery } = useComponentContext(
-    'ImageComponent',
-  );
+  const { BaseImage = DefaultBaseImage, ModalGallery = DefaultModalGallery } =
+    useComponentContext('ImageComponent');
 
   const imageSrc = sanitizeUrl(previewUrl || image_url || thumb_url);
 
diff --git a/src/components/Gallery/ModalGallery.tsx b/src/components/Gallery/ModalGallery.tsx
index 96812bf0de..924a9f443f 100644
--- a/src/components/Gallery/ModalGallery.tsx
+++ b/src/components/Gallery/ModalGallery.tsx
@@ -7,7 +7,7 @@ import type { Attachment } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type ModalGalleryProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** The images for the Carousel component */
   images: Attachment<StreamChatGenerics>[];
@@ -22,11 +22,16 @@ const onError: React.ReactEventHandler<HTMLImageElement> = (e) => {
 };
 
 const renderItem = ({ original, originalAlt }: ReactImageGalleryItem) => (
-  <BaseImage alt={originalAlt} className='image-gallery-image' onError={onError} src={original} />
+  <BaseImage
+    alt={originalAlt}
+    className='image-gallery-image'
+    onError={onError}
+    src={original}
+  />
 );
 
 export const ModalGallery = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: ModalGalleryProps<StreamChatGenerics>,
 ) => {
@@ -47,8 +52,7 @@ export const ModalGallery = <
   );
 
   return (
-    // ignore the TS error as react-image-gallery was on @types/react@18 while stream-chat-react being upgraded to React 19 (https://github.com/xiaolin/react-image-gallery/issues/809)
-    // @ts-expect-error
+    // @ts-expect-error ignore the TS error as react-image-gallery was on @types/react@18 while stream-chat-react being upgraded to React 19 (https://github.com/xiaolin/react-image-gallery/issues/809)
     <ImageGallery
       items={formattedArray}
       renderItem={renderItem}
diff --git a/src/components/Gallery/__tests__/Gallery.test.js b/src/components/Gallery/__tests__/Gallery.test.js
index 57cd664399..2e70659ad3 100644
--- a/src/components/Gallery/__tests__/Gallery.test.js
+++ b/src/components/Gallery/__tests__/Gallery.test.js
@@ -161,7 +161,9 @@ describe('Gallery', () => {
       channels: [channel],
       client,
     } = await initClientWithChannels();
-    const CustomBaseImage = (props) => <img {...props} data-testid={'custom-base-image'} />;
+    const CustomBaseImage = (props) => (
+      <img {...props} data-testid={'custom-base-image'} />
+    );
     const images = Array.from({ length: 2 }, (_, i) => ({
       fallback: `fallback-${i}`,
       image_url: `image_url-${i}`,
diff --git a/src/components/Gallery/__tests__/Image.test.js b/src/components/Gallery/__tests__/Image.test.js
index 2964a7fb79..4f0421c4ba 100644
--- a/src/components/Gallery/__tests__/Image.test.js
+++ b/src/components/Gallery/__tests__/Image.test.js
@@ -95,14 +95,20 @@ describe('Image', () => {
       channels: [channel],
       client,
     } = await initClientWithChannels();
-    const CustomBaseImage = (props) => <img {...props} data-testid={'custom-base-image'} />;
+    const CustomBaseImage = (props) => (
+      <img {...props} data-testid={'custom-base-image'} />
+    );
     let result;
     await act(() => {
       result = render(
         <Chat client={client}>
           <ActiveChannelSetter activeChannel={channel} />
           <Channel BaseImage={CustomBaseImage}>
-            <ImageComponent fallback='fallback' image_url='image_url' thumb_url='thumb_url' />
+            <ImageComponent
+              fallback='fallback'
+              image_url='image_url'
+              thumb_url='thumb_url'
+            />
           </Channel>
           ,
         </Chat>,
diff --git a/src/components/Gallery/__tests__/ModalGallery.test.js b/src/components/Gallery/__tests__/ModalGallery.test.js
index e3e97dd64d..3d20a9d61d 100644
--- a/src/components/Gallery/__tests__/ModalGallery.test.js
+++ b/src/components/Gallery/__tests__/ModalGallery.test.js
@@ -22,7 +22,9 @@ const renderComponent = (props = {}) =>
 describe('ModalGallery', () => {
   it('uses BaseImage component to display images', () => {
     const { container } = renderComponent({ images });
-    expect(container.querySelectorAll('.str-chat__base-image')).toHaveLength(images.length);
+    expect(container.querySelectorAll('.str-chat__base-image')).toHaveLength(
+      images.length,
+    );
   });
   it('displays image fallback on error', () => {
     const { container } = renderComponent({ images });
diff --git a/src/components/InfiniteScrollPaginator/InfiniteScroll.tsx b/src/components/InfiniteScrollPaginator/InfiniteScroll.tsx
index da5f826235..30bdd1e93f 100644
--- a/src/components/InfiniteScrollPaginator/InfiniteScroll.tsx
+++ b/src/components/InfiniteScrollPaginator/InfiniteScroll.tsx
@@ -97,7 +97,8 @@ export const InfiniteScroll = (props: PropsWithChildren<InfiniteScrollProps>) =>
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const parentElement = element.parentElement!;
 
-    const offset = element.scrollHeight - parentElement.scrollTop - parentElement.clientHeight;
+    const offset =
+      element.scrollHeight - parentElement.scrollTop - parentElement.clientHeight;
     const reverseOffset = parentElement.scrollTop;
 
     if (listenToScroll) {
@@ -105,7 +106,10 @@ export const InfiniteScroll = (props: PropsWithChildren<InfiniteScrollProps>) =>
     }
 
     if (isLoading) return;
-    if (previousOffset.current === offset && previousReverseOffset.current === reverseOffset)
+    if (
+      previousOffset.current === offset &&
+      previousReverseOffset.current === reverseOffset
+    )
       return;
     previousOffset.current = offset;
     previousReverseOffset.current = reverseOffset;
@@ -119,7 +123,11 @@ export const InfiniteScroll = (props: PropsWithChildren<InfiniteScrollProps>) =>
       loadPreviousPageFn();
     }
 
-    if (offset < Number(threshold) && typeof loadNextPageFn === 'function' && hasNextPageFlag) {
+    if (
+      offset < Number(threshold) &&
+      typeof loadNextPageFn === 'function' &&
+      hasNextPageFlag
+    ) {
       loadNextPageFn();
     }
   };
diff --git a/src/components/InfiniteScrollPaginator/InfiniteScrollPaginator.tsx b/src/components/InfiniteScrollPaginator/InfiniteScrollPaginator.tsx
index b26b7168af..b91465c268 100644
--- a/src/components/InfiniteScrollPaginator/InfiniteScrollPaginator.tsx
+++ b/src/components/InfiniteScrollPaginator/InfiniteScrollPaginator.tsx
@@ -14,7 +14,11 @@ const mousewheelListener = (event: Event) => {
 };
 
 export type InfiniteScrollPaginatorProps = React.ComponentProps<'div'> & {
-  listenToScroll?: (distanceFromBottom: number, distanceFromTop: number, threshold: number) => void;
+  listenToScroll?: (
+    distanceFromBottom: number,
+    distanceFromTop: number,
+    threshold: number,
+  ) => void;
   loadNextOnScrollToBottom?: () => void;
   loadNextOnScrollToTop?: () => void;
   /** Offset from when to start the loadNextPage call */
@@ -22,15 +26,17 @@ export type InfiniteScrollPaginatorProps = React.ComponentProps<'div'> & {
   useCapture?: boolean;
 };
 
-export const InfiniteScrollPaginator = (props: PropsWithChildren<InfiniteScrollPaginatorProps>) => {
+export const InfiniteScrollPaginator = (
+  props: PropsWithChildren<InfiniteScrollPaginatorProps>,
+) => {
   const {
     children,
+    className,
     listenToScroll,
     loadNextOnScrollToBottom,
     loadNextOnScrollToTop,
     threshold = DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD,
     useCapture = false,
-    className,
     ...componentProps
   } = props;
 
@@ -46,7 +52,8 @@ export const InfiniteScrollPaginator = (props: PropsWithChildren<InfiniteScrollP
           return;
         }
 
-        const distanceFromBottom = child.scrollHeight - root.scrollTop - root.clientHeight;
+        const distanceFromBottom =
+          child.scrollHeight - root.scrollTop - root.clientHeight;
         const distanceFromTop = root.scrollTop;
 
         if (listenToScroll) {
diff --git a/src/components/InfiniteScrollPaginator/__tests__/InfiniteScroll.test.js b/src/components/InfiniteScrollPaginator/__tests__/InfiniteScroll.test.js
index 8df5fd369d..0586b21d6a 100644
--- a/src/components/InfiniteScrollPaginator/__tests__/InfiniteScroll.test.js
+++ b/src/components/InfiniteScrollPaginator/__tests__/InfiniteScroll.test.js
@@ -14,7 +14,10 @@ describe('InfiniteScroll', () => {
   // not sure if there is a more 'narrow' way of capturing event listeners being added
   const divAddEventListenerSpy = jest.spyOn(HTMLDivElement.prototype, 'addEventListener');
 
-  const divRemoveEventListenerSpy = jest.spyOn(HTMLDivElement.prototype, 'addEventListener');
+  const divRemoveEventListenerSpy = jest.spyOn(
+    HTMLDivElement.prototype,
+    'addEventListener',
+  );
 
   afterEach(() => {
     jest.clearAllMocks();
@@ -40,11 +43,19 @@ describe('InfiniteScroll', () => {
 
       const addEventListenerSpy = divAddEventListenerSpy;
 
-      expect(addEventListenerSpy).toHaveBeenCalledWith('scroll', expect.any(Function), useCapture);
+      expect(addEventListenerSpy).toHaveBeenCalledWith(
+        'scroll',
+        expect.any(Function),
+        useCapture,
+      );
       expect(addEventListenerSpy).toHaveBeenCalledWith('wheel', expect.any(Function), {
         passive: false,
       });
-      expect(addEventListenerSpy).toHaveBeenCalledWith('resize', expect.any(Function), useCapture);
+      expect(addEventListenerSpy).toHaveBeenCalledWith(
+        'resize',
+        expect.any(Function),
+        useCapture,
+      );
     },
   );
 
@@ -104,7 +115,7 @@ describe('InfiniteScroll', () => {
       consoleWarnSpy.mockRestore();
 
       expect(oldLoaderSpy).not.toHaveBeenCalled();
-      // eslint-disable-next-line jest/prefer-called-with
+
       expect(newLoaderSpy).toHaveBeenCalled();
     },
   );
diff --git a/src/components/InfiniteScrollPaginator/hooks/useCursorPaginator.ts b/src/components/InfiniteScrollPaginator/hooks/useCursorPaginator.ts
index 68c1b4d631..6a2ec94bde 100644
--- a/src/components/InfiniteScrollPaginator/hooks/useCursorPaginator.ts
+++ b/src/components/InfiniteScrollPaginator/hooks/useCursorPaginator.ts
@@ -15,7 +15,10 @@ export type CursorPaginatorStateStore<T> = StateStore<CursorPaginatorState<T>>;
 
 export type PaginationFn<T> = (next?: string) => Promise<{ items: T[]; next?: string }>;
 
-export const useCursorPaginator = <T>(paginationFn: PaginationFn<T>, loadFirstPage?: boolean) => {
+export const useCursorPaginator = <T>(
+  paginationFn: PaginationFn<T>,
+  loadFirstPage?: boolean,
+) => {
   const cursorPaginatorState = useMemo(
     () =>
       new StateStore<CursorPaginatorState<T>>({
diff --git a/src/components/LoadMore/LoadMorePaginator.tsx b/src/components/LoadMore/LoadMorePaginator.tsx
index c789fa984a..ec4349c89c 100644
--- a/src/components/LoadMore/LoadMorePaginator.tsx
+++ b/src/components/LoadMore/LoadMorePaginator.tsx
@@ -1,6 +1,9 @@
 import React, { PropsWithChildren, useEffect } from 'react';
 
-import { LoadMoreButton as DefaultLoadMoreButton, LoadMoreButtonProps } from './LoadMoreButton';
+import {
+  LoadMoreButton as DefaultLoadMoreButton,
+  LoadMoreButtonProps,
+} from './LoadMoreButton';
 import type { PaginatorProps } from '../../types/types';
 import { deprecationAndReplacementWarning } from '../../utils/deprecationWarning';
 
@@ -11,7 +14,9 @@ export type LoadMorePaginatorProps = PaginatorProps & {
   reverse?: boolean;
 };
 
-export const UnMemoizedLoadMorePaginator = (props: PropsWithChildren<LoadMorePaginatorProps>) => {
+export const UnMemoizedLoadMorePaginator = (
+  props: PropsWithChildren<LoadMorePaginatorProps>,
+) => {
   const {
     children,
     hasNextPage,
@@ -24,7 +29,10 @@ export const UnMemoizedLoadMorePaginator = (props: PropsWithChildren<LoadMorePag
   const loadingState = typeof isLoading !== 'undefined' ? isLoading : refreshing;
 
   useEffect(() => {
-    deprecationAndReplacementWarning([[{ refreshing }, { isLoading }]], 'LoadMorePaginator');
+    deprecationAndReplacementWarning(
+      [[{ refreshing }, { isLoading }]],
+      'LoadMorePaginator',
+    );
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
diff --git a/src/components/LoadMore/__tests__/LoadMoreButton.test.js b/src/components/LoadMore/__tests__/LoadMoreButton.test.js
index a084947115..df0029b6e1 100644
--- a/src/components/LoadMore/__tests__/LoadMoreButton.test.js
+++ b/src/components/LoadMore/__tests__/LoadMoreButton.test.js
@@ -34,7 +34,9 @@ describe('LoadMoreButton', () => {
 
   it('should trigger onClick function when clicked', () => {
     const onClickMock = jest.fn();
-    const { getByTestId } = render(<LoadMoreButton isLoading={false} onClick={onClickMock} />);
+    const { getByTestId } = render(
+      <LoadMoreButton isLoading={false} onClick={onClickMock} />,
+    );
 
     fireEvent.click(getByTestId('load-more-button'));
 
@@ -43,7 +45,9 @@ describe('LoadMoreButton', () => {
 
   it('should be disabled and show loading indicator when refreshing is true', () => {
     const onClickMock = jest.fn();
-    const { getByTestId } = render(<LoadMoreButton isLoading={true} onClick={onClickMock} />);
+    const { getByTestId } = render(
+      <LoadMoreButton isLoading={true} onClick={onClickMock} />,
+    );
     fireEvent.click(getByTestId('load-more-button'));
     expect(onClickMock).not.toHaveBeenCalledTimes(1);
     const loadingIndicator = getByTestId('load-more-button').querySelector(
diff --git a/src/components/Loading/LoadingErrorIndicator.tsx b/src/components/Loading/LoadingErrorIndicator.tsx
index fc0b635bb6..887601c1b9 100644
--- a/src/components/Loading/LoadingErrorIndicator.tsx
+++ b/src/components/Loading/LoadingErrorIndicator.tsx
@@ -16,9 +16,7 @@ const UnMemoizedLoadingErrorIndicator = ({ error }: LoadingErrorIndicatorProps)
   if (!error) return null;
 
   return (
-    <div>
-      {t<string>('Error: {{ errorMessage }}', { errorMessage: error.message })}
-    </div>
+    <div>{t<string>('Error: {{ errorMessage }}', { errorMessage: error.message })}</div>
   );
 };
 
diff --git a/src/components/Loading/LoadingIndicator.tsx b/src/components/Loading/LoadingIndicator.tsx
index 73b2314dc1..92c9f85ced 100644
--- a/src/components/Loading/LoadingIndicator.tsx
+++ b/src/components/Loading/LoadingIndicator.tsx
@@ -17,7 +17,12 @@ const UnMemoizedLoadingIndicator = (props: LoadingIndicatorProps) => {
       data-testid='loading-indicator-wrapper'
       style={{ height: size, width: size }}
     >
-      <svg height={size} viewBox={`0 0 30 30`} width={size} xmlns='http://www.w3.org/2000/svg'>
+      <svg
+        height={size}
+        viewBox={`0 0 30 30`}
+        width={size}
+        xmlns='http://www.w3.org/2000/svg'
+      >
         <defs>
           <linearGradient id='a' x1='50%' x2='50%' y1='0%' y2='100%'>
             <stop offset='0%' stopColor='#FFF' stopOpacity='0' />
diff --git a/src/components/Loading/__tests__/LoadingChannels.test.js b/src/components/Loading/__tests__/LoadingChannels.test.js
index 08d2499e62..423c85fe4f 100644
--- a/src/components/Loading/__tests__/LoadingChannels.test.js
+++ b/src/components/Loading/__tests__/LoadingChannels.test.js
@@ -5,7 +5,7 @@ import '@testing-library/jest-dom';
 
 import { LoadingChannels } from '../LoadingChannels';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('LoadingChannels', () => {
   it('should render component with default props', () => {
diff --git a/src/components/Loading/__tests__/LoadingErrorIndicator.test.js b/src/components/Loading/__tests__/LoadingErrorIndicator.test.js
index 450cc0c666..b5ca2f9494 100644
--- a/src/components/Loading/__tests__/LoadingErrorIndicator.test.js
+++ b/src/components/Loading/__tests__/LoadingErrorIndicator.test.js
@@ -9,7 +9,7 @@ import { Chat } from '../../Chat';
 
 import { getTestClientWithUser } from '../../../mock-builders';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('LoadingErrorIndicator', () => {
   it('should return null if no error is provided', () => {
@@ -18,7 +18,9 @@ describe('LoadingErrorIndicator', () => {
   });
 
   it('should render when an error is passed', () => {
-    const { container } = render(<LoadingErrorIndicator error={{ message: 'this is an error' }} />);
+    const { container } = render(
+      <LoadingErrorIndicator error={{ message: 'this is an error' }} />,
+    );
     expect(container).toMatchInlineSnapshot(`
       <div>
         <div>
diff --git a/src/components/Loading/__tests__/LoadingIndicator.test.js b/src/components/Loading/__tests__/LoadingIndicator.test.js
index c92caedc28..7f8571396f 100644
--- a/src/components/Loading/__tests__/LoadingIndicator.test.js
+++ b/src/components/Loading/__tests__/LoadingIndicator.test.js
@@ -5,7 +5,7 @@ import '@testing-library/jest-dom';
 
 import { LoadingIndicator } from '../LoadingIndicator';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('LoadingIndicator', () => {
   it('should render with default props', () => {
diff --git a/src/components/MML/MML.tsx b/src/components/MML/MML.tsx
index 6d2c3c679c..76fd6c498a 100644
--- a/src/components/MML/MML.tsx
+++ b/src/components/MML/MML.tsx
@@ -5,6 +5,7 @@ import { useChatContext } from '../../context/ChatContext';
 import type { ActionHandlerReturnType } from '../Message/hooks/useActionHandler';
 
 const MMLReact = React.lazy(async () => {
+  // eslint-disable-next-line import/no-extraneous-dependencies
   const mml = await import('mml-react');
   return { default: mml.MML };
 });
diff --git a/src/components/MML/__tests__/MML.test.js b/src/components/MML/__tests__/MML.test.js
index 4ad8e88c5c..60fdf4475d 100644
--- a/src/components/MML/__tests__/MML.test.js
+++ b/src/components/MML/__tests__/MML.test.js
@@ -7,7 +7,7 @@ import { MML } from '../MML';
 import { ChatProvider } from '../../../context/ChatContext';
 import { MessageProvider } from '../../../context/MessageContext';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 const renderComponent = async ({ chatCtx = {}, messageCtx = {}, mmlProps }) => {
   let result;
diff --git a/src/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.tsx b/src/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.tsx
index 776b787441..6626961592 100644
--- a/src/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.tsx
+++ b/src/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.tsx
@@ -16,7 +16,8 @@ const AudioRecordingWaveform = ({ maxDataPointsDrawn = 100 }: WaveformProps) =>
 
   useEffect(() => {
     if (!recorder?.amplitudeRecorder) return;
-    const amplitudesSubscription = recorder.amplitudeRecorder.amplitudes.subscribe(setAmplitudes);
+    const amplitudesSubscription =
+      recorder.amplitudeRecorder.amplitudes.subscribe(setAmplitudes);
     return () => {
       amplitudesSubscription.unsubscribe();
     };
diff --git a/src/components/MediaRecorder/AudioRecorder/AudioRecordingPreview.tsx b/src/components/MediaRecorder/AudioRecorder/AudioRecordingPreview.tsx
index e131fccd59..47912e1e10 100644
--- a/src/components/MediaRecorder/AudioRecorder/AudioRecordingPreview.tsx
+++ b/src/components/MediaRecorder/AudioRecorder/AudioRecordingPreview.tsx
@@ -16,10 +16,11 @@ export const AudioRecordingPreview = ({
   waveformData,
   ...props
 }: AudioRecordingPlayerProps) => {
-  const { audioRef, isPlaying, progress, secondsElapsed, seek, togglePlay } = useAudioController({
-    durationSeconds,
-    mimeType,
-  });
+  const { audioRef, isPlaying, progress, secondsElapsed, seek, togglePlay } =
+    useAudioController({
+      durationSeconds,
+      mimeType,
+    });
 
   const displayedDuration = secondsElapsed || durationSeconds;
 
@@ -37,7 +38,11 @@ export const AudioRecordingPreview = ({
       </button>
       <RecordingTimer durationSeconds={displayedDuration} />
       <div className='str-chat__wave-progress-bar__track-container'>
-        <WaveProgressBar progress={progress} seek={seek} waveformData={waveformData || []} />
+        <WaveProgressBar
+          progress={progress}
+          seek={seek}
+          waveformData={waveformData || []}
+        />
       </div>
     </React.Fragment>
   );
diff --git a/src/components/MediaRecorder/AudioRecorder/__tests__/AudioRecorder.test.js b/src/components/MediaRecorder/AudioRecorder/__tests__/AudioRecorder.test.js
index eb260da33f..0bfb0c7d30 100644
--- a/src/components/MediaRecorder/AudioRecorder/__tests__/AudioRecorder.test.js
+++ b/src/components/MediaRecorder/AudioRecorder/__tests__/AudioRecorder.test.js
@@ -59,7 +59,9 @@ const DEFAULT_RENDER_PARAMS = {
 
 window.ResizeObserver = ResizeObserverMock;
 
-jest.spyOn(HTMLDivElement.prototype, 'getBoundingClientRect').mockReturnValue({ width: 120 });
+jest
+  .spyOn(HTMLDivElement.prototype, 'getBoundingClientRect')
+  .mockReturnValue({ width: 120 });
 
 const renderComponent = async ({
   channelActionCtx,
@@ -80,12 +82,18 @@ const renderComponent = async ({
           ...{ client, ...DEFAULT_RENDER_PARAMS.chatCtx, ...chatCtx },
         }}
       >
-        <ComponentProvider value={{ ...DEFAULT_RENDER_PARAMS.componentCtx, ...componentCtx }}>
+        <ComponentProvider
+          value={{ ...DEFAULT_RENDER_PARAMS.componentCtx, ...componentCtx }}
+        >
           <ChannelActionProvider
             value={{ ...DEFAULT_RENDER_PARAMS.channelActionCtx, ...channelActionCtx }}
           >
             <ChannelStateProvider
-              value={{ channel, ...DEFAULT_RENDER_PARAMS.channelStateCtx, ...channelStateCtx }}
+              value={{
+                channel,
+                ...DEFAULT_RENDER_PARAMS.channelStateCtx,
+                ...channelStateCtx,
+              }}
             >
               <MessageInput {...{ audioRecordingEnabled: true, ...props }} />
             </ChannelStateProvider>
@@ -116,13 +124,10 @@ window.navigator.permissions = {
   query: jest.fn(),
 };
 
-// eslint-disable-next-line
 window.MediaRecorder = MediaRecorderMock;
 
-// eslint-disable-next-line
 window.AudioContext = AudioContextMock;
 
-// eslint-disable-next-line
 window.AnalyserNode = AnalyserNodeMock;
 
 const fileObjectURL = 'fileObjectURL';
@@ -141,13 +146,17 @@ describe('MessageInput', () => {
 
   it('does not render start recording button if disabled', async () => {
     await renderComponent({ props: { audioRecordingEnabled: false } });
-    expect(screen.queryByTestId(START_RECORDING_AUDIO_BUTTON_TEST_ID)).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(START_RECORDING_AUDIO_BUTTON_TEST_ID),
+    ).not.toBeInTheDocument();
   });
 
   it('does not render start recording button if navigator.mediaDevices is undefined', async () => {
     window.navigator.mediaDevices = undefined;
     await renderComponent();
-    expect(screen.queryByTestId(START_RECORDING_AUDIO_BUTTON_TEST_ID)).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(START_RECORDING_AUDIO_BUTTON_TEST_ID),
+    ).not.toBeInTheDocument();
   });
 
   it('renders start recording button when enabled and message input is empty', async () => {
@@ -201,7 +210,11 @@ describe('MessageInput', () => {
     expect(screen.queryByTestId(AUDIO_RECORDER_TEST_ID)).toBeInTheDocument();
   });
 
-  it.each([MediaRecordingState.PAUSED, MediaRecordingState.RECORDING, MediaRecordingState.STOPPED])(
+  it.each([
+    MediaRecordingState.PAUSED,
+    MediaRecordingState.RECORDING,
+    MediaRecordingState.STOPPED,
+  ])(
     'renders message composer when recording cancelled while recording in state %s',
     async (state) => {
       const { container } = await renderComponent();
@@ -307,6 +320,7 @@ describe('MessageInput', () => {
     });
 
     expect(doFileUploadRequest).toHaveBeenCalledTimes(1);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { localMetadata, ...uploadedRecordingAtt } = recording;
     expect(sendMessage.mock.calls[0][0]).toStrictEqual({
       attachments: [uploadedRecordingAtt],
@@ -373,7 +387,9 @@ const renderAudioRecorder = (controller = {}) =>
   render(
     <ChannelActionProvider value={{}}>
       <MessageInputContextProvider
-        value={{ recordingController: { ...DEFAULT_RECORDING_CONTROLLER, ...controller } }}
+        value={{
+          recordingController: { ...DEFAULT_RECORDING_CONTROLLER, ...controller },
+        }}
       >
         <AudioRecorder />
       </MessageInputContextProvider>
@@ -425,7 +441,9 @@ describe('AudioRecorder', () => {
 
   it('renders loading indicators while recording being uploaded', async () => {
     await renderAudioRecorder({
-      recording: generateVoiceRecordingAttachment({ localMetadata: { uploadState: 'uploading' } }),
+      recording: generateVoiceRecordingAttachment({
+        localMetadata: { uploadState: 'uploading' },
+      }),
       recordingState: MediaRecordingState.STOPPED,
     });
     expect(screen.queryByTestId('loading-indicator')).toBeInTheDocument();
diff --git a/src/components/MediaRecorder/AudioRecorder/__tests__/AudioRecordingPreview.test.js b/src/components/MediaRecorder/AudioRecorder/__tests__/AudioRecordingPreview.test.js
index 66c618ec66..3f899b8135 100644
--- a/src/components/MediaRecorder/AudioRecorder/__tests__/AudioRecordingPreview.test.js
+++ b/src/components/MediaRecorder/AudioRecorder/__tests__/AudioRecordingPreview.test.js
@@ -9,7 +9,8 @@ const PLAY_ICON_TEST_ID = 'str-chat__play-icon';
 const PAUSE_ICON_TEST_ID = 'str-chat__pause-icon';
 const WAVE_PROGRESS_BAR_TEST_ID = 'wave-progress-bar-track';
 const TIMER_CLASS_SELECTOR = '.str-chat__recording-timer';
-const WAVE_PROGRESS_BAR_INDICATOR_SELECTOR = '.str-chat__wave-progress-bar__progress-indicator';
+const WAVE_PROGRESS_BAR_INDICATOR_SELECTOR =
+  '.str-chat__wave-progress-bar__progress-indicator';
 
 const togglePlay = async () => {
   await act(async () => {
diff --git a/src/components/MediaRecorder/classes/AmplitudeRecorder.ts b/src/components/MediaRecorder/classes/AmplitudeRecorder.ts
index 181cacddfe..db9da5b4b4 100644
--- a/src/components/MediaRecorder/classes/AmplitudeRecorder.ts
+++ b/src/components/MediaRecorder/classes/AmplitudeRecorder.ts
@@ -28,7 +28,10 @@ const rootMeanSquare = (values: Uint8Array) =>
  * where 0 dB is the loudest possible sound, -10 dB is a 10th of that, etc.
  * The default value is -100 dB.
  */
-export type AmplitudeAnalyserConfig = Pick<AnalyserNode, 'fftSize' | 'maxDecibels' | 'minDecibels'>;
+export type AmplitudeAnalyserConfig = Pick<
+  AnalyserNode,
+  'fftSize' | 'maxDecibels' | 'minDecibels'
+>;
 export type AmplitudeRecorderConfig = {
   analyserConfig: AmplitudeAnalyserConfig;
   sampleCount: number;
@@ -96,7 +99,9 @@ export class AmplitudeRecorder {
   start = () => {
     if (this.state.value === AmplitudeRecorderState.CLOSED) return;
     if (!this.stream) {
-      throw new Error('Missing MediaStream instance. Cannot to start amplitude recording');
+      throw new Error(
+        'Missing MediaStream instance. Cannot to start amplitude recording',
+      );
     }
 
     if (this.state.value === AmplitudeRecorderState.RECORDING) this.stop();
@@ -109,7 +114,8 @@ export class AmplitudeRecorder {
     this.state.next(AmplitudeRecorderState.RECORDING);
 
     this.amplitudeSamplingInterval = setInterval(() => {
-      if (!(this.analyserNode && this.state.value === AmplitudeRecorderState.RECORDING)) return;
+      if (!(this.analyserNode && this.state.value === AmplitudeRecorderState.RECORDING))
+        return;
       const frequencyBins = new Uint8Array(this.analyserNode.frequencyBinCount);
       try {
         this.analyserNode.getByteFrequencyData(frequencyBins);
@@ -118,7 +124,8 @@ export class AmplitudeRecorder {
         this.error.next(e as Error);
         return;
       }
-      const normalizedSignalStrength = rootMeanSquare(frequencyBins) / MAX_FREQUENCY_AMPLITUDE;
+      const normalizedSignalStrength =
+        rootMeanSquare(frequencyBins) / MAX_FREQUENCY_AMPLITUDE;
       this.amplitudes.next([...this.amplitudes.value, normalizedSignalStrength]);
     }, this.config.samplingFrequencyMs);
   };
diff --git a/src/components/MediaRecorder/classes/BrowserPermission.ts b/src/components/MediaRecorder/classes/BrowserPermission.ts
index 749c2c117b..0ecb702aec 100644
--- a/src/components/MediaRecorder/classes/BrowserPermission.ts
+++ b/src/components/MediaRecorder/classes/BrowserPermission.ts
@@ -42,7 +42,7 @@ export class BrowserPermission {
 
     const status = this.status.value;
     const handlePermissionChange = (e: Event) => {
-      const { state } = ((e as unknown) as ChangeEvent<PermissionStatus>).target;
+      const { state } = (e as unknown as ChangeEvent<PermissionStatus>).target;
       this.state.next(state);
     };
     status.addEventListener('change', handlePermissionChange);
@@ -67,7 +67,7 @@ export class BrowserPermission {
     let permissionState: PermissionState;
     try {
       const permissionStatus = await navigator.permissions.query({
-        name: (this.name as unknown) as PermissionName,
+        name: this.name as unknown as PermissionName,
       });
       permissionState = permissionStatus.state;
       this.status.next(permissionStatus);
diff --git a/src/components/MediaRecorder/classes/MediaRecorderController.ts b/src/components/MediaRecorder/classes/MediaRecorderController.ts
index 13533c52af..7b7c804db9 100644
--- a/src/components/MediaRecorder/classes/MediaRecorderController.ts
+++ b/src/components/MediaRecorder/classes/MediaRecorderController.ts
@@ -80,7 +80,7 @@ export enum RecordingAttachmentType {
 }
 
 export class MediaRecorderController<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > {
   permission: BrowserPermission;
   mediaRecorder: MediaRecorder | undefined;
@@ -101,9 +101,9 @@ export class MediaRecorderController<
     | undefined;
 
   recordingState = new BehaviorSubject<MediaRecordingState | undefined>(undefined);
-  recording = new BehaviorSubject<LocalVoiceRecordingAttachment<StreamChatGenerics> | undefined>(
-    undefined,
-  );
+  recording = new BehaviorSubject<
+    LocalVoiceRecordingAttachment<StreamChatGenerics> | undefined
+  >(undefined);
   error = new Subject<Error | undefined>();
   notification = new Subject<{ text: string; type: 'success' | 'error' } | undefined>();
 
@@ -243,7 +243,10 @@ export class MediaRecorderController<
     this.amplitudeRecorder?.close();
     if (this.mediaRecorder) {
       disposeOfMediaStream(this.mediaRecorder.stream);
-      this.mediaRecorder.removeEventListener('dataavailable', this.handleDataavailableEvent);
+      this.mediaRecorder.removeEventListener(
+        'dataavailable',
+        this.handleDataavailableEvent,
+      );
       this.mediaRecorder.removeEventListener('error', this.handleErrorEvent);
     }
   };
@@ -349,9 +352,11 @@ export class MediaRecorderController<
       this.recordedChunkDurations.push(new Date().getTime() - this.startTime);
       this.startTime = undefined;
     }
-    const result = new Promise<LocalVoiceRecordingAttachment<StreamChatGenerics>>((res) => {
-      this.signalRecordingReady = res;
-    });
+    const result = new Promise<LocalVoiceRecordingAttachment<StreamChatGenerics>>(
+      (res) => {
+        this.signalRecordingReady = res;
+      },
+    );
     this.mediaRecorder?.stop();
     this.amplitudeRecorder?.stop();
     this.recordingState.next(MediaRecordingState.STOPPED);
diff --git a/src/components/MediaRecorder/classes/__tests__/AmplitudeRecorder.test.js b/src/components/MediaRecorder/classes/__tests__/AmplitudeRecorder.test.js
index 1cef13a0d4..65f9fa34ea 100644
--- a/src/components/MediaRecorder/classes/__tests__/AmplitudeRecorder.test.js
+++ b/src/components/MediaRecorder/classes/__tests__/AmplitudeRecorder.test.js
@@ -5,7 +5,6 @@ import {
 } from '../AmplitudeRecorder';
 import { AudioContextMock } from '../../../../mock-builders/browser';
 
-// eslint-disable-next-line
 window.AudioContext = AudioContextMock;
 
 const intervalID = 1;
@@ -14,7 +13,9 @@ jest.spyOn(window, 'setInterval').mockReturnValue(intervalID);
 describe('AmplitudeRecorder', () => {
   it('is initiated with defaults', () => {
     const ar = new AmplitudeRecorder({ stream: {} });
-    expect(ar.config).toStrictEqual(expect.objectContaining(DEFAULT_AMPLITUDE_RECORDER_CONFIG));
+    expect(ar.config).toStrictEqual(
+      expect.objectContaining(DEFAULT_AMPLITUDE_RECORDER_CONFIG),
+    );
   });
   it('is initiated with custom config', () => {
     const customConfig = {
@@ -35,7 +36,9 @@ describe('AmplitudeRecorder', () => {
 
     let ar = new AmplitudeRecorder({ config: customConfig });
     expect(ar.config).toStrictEqual(expect.objectContaining(customConfig));
-    ar = new AmplitudeRecorder({ config: { analyserConfig: customConfig.analyserConfig } });
+    ar = new AmplitudeRecorder({
+      config: { analyserConfig: customConfig.analyserConfig },
+    });
     expect(ar.config).toStrictEqual(expect.objectContaining(mixedConfig));
   });
 
@@ -43,7 +46,9 @@ describe('AmplitudeRecorder', () => {
     it('throws error if MediaStream is not available', () => {
       const ar = new AmplitudeRecorder({ stream: {} });
       ar.stream = undefined;
-      expect(ar.start).toThrow('Missing MediaStream instance. Cannot to start amplitude recording');
+      expect(ar.start).toThrow(
+        'Missing MediaStream instance. Cannot to start amplitude recording',
+      );
     });
 
     it('initiates the recorder state', () => {
diff --git a/src/components/MediaRecorder/classes/__tests__/MediaRecorderController.test.js b/src/components/MediaRecorder/classes/__tests__/MediaRecorderController.test.js
index ce89e15930..7d20432acd 100644
--- a/src/components/MediaRecorder/classes/__tests__/MediaRecorderController.test.js
+++ b/src/components/MediaRecorder/classes/__tests__/MediaRecorderController.test.js
@@ -8,7 +8,10 @@ import {
   MediaRecordingState,
   RecordingAttachmentType,
 } from '../MediaRecorderController';
-import { AmplitudeRecorderState, DEFAULT_AMPLITUDE_RECORDER_CONFIG } from '../AmplitudeRecorder';
+import {
+  AmplitudeRecorderState,
+  DEFAULT_AMPLITUDE_RECORDER_CONFIG,
+} from '../AmplitudeRecorder';
 import { defaultTranslatorFunction } from '../../../../i18n';
 import * as audioSampling from '../../../Attachment/audioSampling';
 import * as reactFileUtils from '../../../ReactFileUtilities/utils';
@@ -30,7 +33,9 @@ jest
   .spyOn(wavTranscoder, 'encodeToWaw')
   .mockImplementation((file) => Promise.resolve(new Blob([file], { type: 'audio/wav' })));
 
-const mp3EncoderMock = jest.fn((file) => Promise.resolve(new Blob([file], { type: 'audio/mp3' })));
+const mp3EncoderMock = jest.fn((file) =>
+  Promise.resolve(new Blob([file], { type: 'audio/mp3' })),
+);
 
 jest.mock('fix-webm-duration', () => jest.fn((blob) => blob));
 
@@ -41,7 +46,12 @@ const createFileFromBlobsSpy = jest
   .mockReturnValue(fileMock);
 
 const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation();
-const expectRegistersError = async ({ action, controller, errorMsg, notificationMsg }) => {
+const expectRegistersError = async ({
+  action,
+  controller,
+  errorMsg,
+  notificationMsg,
+}) => {
   let error, notification;
   const errorSubscription = controller.error.subscribe((e) => {
     error = e;
@@ -65,10 +75,8 @@ const expectRegistersError = async ({ action, controller, errorMsg, notification
   notificationSubscription?.unsubscribe();
 };
 
-// eslint-disable-next-line
 window.MediaRecorder = MediaRecorderMock;
 
-// eslint-disable-next-line
 window.AudioContext = AudioContextMock;
 
 // eslint-disable-next-line
@@ -157,12 +165,16 @@ describe('MediaRecorderController', () => {
 
   it('generates a default recording audio title', () => {
     const controller = new MediaRecorderController();
-    expect(controller.generateRecordingTitle('audio/webm')).toMatch(/audio_recording_.+\.webm/);
+    expect(controller.generateRecordingTitle('audio/webm')).toMatch(
+      /audio_recording_.+\.webm/,
+    );
   });
 
   it('generates a custom recording audio title', () => {
     const title = 'Test title';
-    const controller = new MediaRecorderController({ generateRecordingTitle: () => title });
+    const controller = new MediaRecorderController({
+      generateRecordingTitle: () => title,
+    });
     expect(controller.generateRecordingTitle('audio/webm')).toBe(title);
   });
 
@@ -170,7 +182,9 @@ describe('MediaRecorderController', () => {
     it('checks device permission if unknown', async () => {
       const controller = new MediaRecorderController();
       controller.permission.state.next(undefined);
-      const permissionCheckSpy = jest.spyOn(controller.permission, 'check').mockImplementation();
+      const permissionCheckSpy = jest
+        .spyOn(controller.permission, 'check')
+        .mockImplementation();
       await controller.start();
       expect(permissionCheckSpy).toHaveBeenCalledWith();
     });
@@ -188,98 +202,111 @@ describe('MediaRecorderController', () => {
       },
     );
 
-    describe.each([undefined, MediaRecordingState.STOPPED])('recording in state %s', () => {
-      describe.each([['denied'], ['prompt'], ['granted']])('with permission "%s"', (permission) => {
-        it('registers error on unavailable navigator.mediaDevices', async () => {
-          window.navigator.mediaDevices = undefined;
-          const controller = new MediaRecorderController();
-          controller.permission.state.next(permission);
-          await expectRegistersError({
-            action: controller.start,
-            controller,
-            errorMsg: 'Media recording is not supported',
-            notificationMsg: 'Error starting recording',
-          });
-          expect(controller.recordingState.value).toBeUndefined();
-        });
-
-        it('registers error for video recording', async () => {
-          const controller = new MediaRecorderController({
-            config: { mediaRecorderConfig: { mimeType: 'video/webm' } },
-          });
-          controller.permission.state.next(permission);
-          await expectRegistersError({
-            action: controller.start,
-            controller,
-            errorMsg: 'Video recording is not supported. Provided MIME type: video/webm',
-            notificationMsg: 'Error starting recording',
-          });
-          expect(controller.recordingState.value).toBeUndefined();
-        });
-
-        it('does not check device permission', async () => {
-          const controller = new MediaRecorderController();
-          controller.permission.state.next(permission);
-          const permissionCheckSpy = jest
-            .spyOn(controller.permission, 'check')
-            .mockImplementation();
-          await controller.start();
-          expect(permissionCheckSpy).not.toHaveBeenCalledWith();
-        });
-
-        it.each([['prevents accessing'], ['accesses'], ['accesses']])(
-          '%s media devices',
-          async () => {
-            const controller = new MediaRecorderController();
-            controller.permission.state.next(permission);
-            await controller.start();
-            if (permission === 'denied') {
-              expect(window.navigator.mediaDevices.getUserMedia).not.toHaveBeenCalled();
+    describe.each([undefined, MediaRecordingState.STOPPED])(
+      'recording in state %s',
+      () => {
+        describe.each([['denied'], ['prompt'], ['granted']])(
+          'with permission "%s"',
+          (permission) => {
+            it('registers error on unavailable navigator.mediaDevices', async () => {
+              window.navigator.mediaDevices = undefined;
+              const controller = new MediaRecorderController();
+              controller.permission.state.next(permission);
+              await expectRegistersError({
+                action: controller.start,
+                controller,
+                errorMsg: 'Media recording is not supported',
+                notificationMsg: 'Error starting recording',
+              });
               expect(controller.recordingState.value).toBeUndefined();
-            } else {
-              expect(window.navigator.mediaDevices.getUserMedia).toHaveBeenCalledWith(
-                expect.objectContaining({ audio: true }),
-              );
-              expect(controller.recordingState.value).toBe(MediaRecordingState.RECORDING);
-            }
-          },
-        );
-
-        it.each([['does not initiate'], ['initiates'], ['initiates']])(
-          '%s amplitude recording for audio recording',
-          async () => {
-            const controller = new MediaRecorderController();
-            controller.permission.state.next(permission);
-            await controller.start();
-            if (permission === 'denied') {
-              expect(controller.amplitudeRecorder).toBeUndefined();
-            } else {
-              expect(controller.amplitudeRecorder.state.value).toBe(
-                AmplitudeRecorderState.RECORDING,
+            });
+
+            it('registers error for video recording', async () => {
+              const controller = new MediaRecorderController({
+                config: { mediaRecorderConfig: { mimeType: 'video/webm' } },
+              });
+              controller.permission.state.next(permission);
+              await expectRegistersError({
+                action: controller.start,
+                controller,
+                errorMsg:
+                  'Video recording is not supported. Provided MIME type: video/webm',
+                notificationMsg: 'Error starting recording',
+              });
+              expect(controller.recordingState.value).toBeUndefined();
+            });
+
+            it('does not check device permission', async () => {
+              const controller = new MediaRecorderController();
+              controller.permission.state.next(permission);
+              const permissionCheckSpy = jest
+                .spyOn(controller.permission, 'check')
+                .mockImplementation();
+              await controller.start();
+              expect(permissionCheckSpy).not.toHaveBeenCalledWith();
+            });
+
+            it.each([['prevents accessing'], ['accesses'], ['accesses']])(
+              '%s media devices',
+              async () => {
+                const controller = new MediaRecorderController();
+                controller.permission.state.next(permission);
+                await controller.start();
+                if (permission === 'denied') {
+                  expect(
+                    window.navigator.mediaDevices.getUserMedia,
+                  ).not.toHaveBeenCalled();
+                  expect(controller.recordingState.value).toBeUndefined();
+                } else {
+                  expect(window.navigator.mediaDevices.getUserMedia).toHaveBeenCalledWith(
+                    expect.objectContaining({ audio: true }),
+                  );
+                  expect(controller.recordingState.value).toBe(
+                    MediaRecordingState.RECORDING,
+                  );
+                }
+              },
+            );
+
+            it.each([['does not initiate'], ['initiates'], ['initiates']])(
+              '%s amplitude recording for audio recording',
+              async () => {
+                const controller = new MediaRecorderController();
+                controller.permission.state.next(permission);
+                await controller.start();
+                if (permission === 'denied') {
+                  expect(controller.amplitudeRecorder).toBeUndefined();
+                } else {
+                  expect(controller.amplitudeRecorder.state.value).toBe(
+                    AmplitudeRecorderState.RECORDING,
+                  );
+                }
+              },
+            );
+            it('starts MediaRecorder', async () => {
+              const controller = new MediaRecorderController();
+              await controller.start();
+              expect(controller.mediaRecorder.start).toHaveBeenCalledWith();
+            });
+
+            it('handles runtime error', async () => {
+              const controller = new MediaRecorderController();
+              const errorMsg = 'User media error';
+              window.navigator.mediaDevices.getUserMedia.mockRejectedValueOnce(
+                new Error(errorMsg),
               );
-            }
+              await expectRegistersError({
+                action: controller.start,
+                controller,
+                errorMsg,
+                notificationMsg: 'Error starting recording',
+              });
+              expect(controller.recordingState.value).toBeUndefined();
+            });
           },
         );
-        it('starts MediaRecorder', async () => {
-          const controller = new MediaRecorderController();
-          await controller.start();
-          expect(controller.mediaRecorder.start).toHaveBeenCalledWith();
-        });
-
-        it('handles runtime error', async () => {
-          const controller = new MediaRecorderController();
-          const errorMsg = 'User media error';
-          window.navigator.mediaDevices.getUserMedia.mockRejectedValueOnce(new Error(errorMsg));
-          await expectRegistersError({
-            action: controller.start,
-            controller,
-            errorMsg,
-            notificationMsg: 'Error starting recording',
-          });
-          expect(controller.recordingState.value).toBeUndefined();
-        });
-      });
-    });
+      },
+    );
   });
 
   describe('pause', () => {
@@ -291,7 +318,9 @@ describe('MediaRecorderController', () => {
       expect(controller.startTime).toBeUndefined();
       expect(controller.recordingState.value).toBe(MediaRecordingState.PAUSED);
       expect(controller.mediaRecorder.pause).toHaveBeenCalledWith();
-      expect(controller.amplitudeRecorder.state.value).toBe(AmplitudeRecorderState.STOPPED);
+      expect(controller.amplitudeRecorder.state.value).toBe(
+        AmplitudeRecorderState.STOPPED,
+      );
       controller.resume();
       controller.pause();
       expect(controller.recordedChunkDurations).toHaveLength(2);
@@ -317,7 +346,9 @@ describe('MediaRecorderController', () => {
       controller.resume();
       expect(controller.startTime).toBeDefined();
       expect(controller.mediaRecorder.resume).toHaveBeenCalledWith();
-      expect(controller.amplitudeRecorder.state.value).toBe(AmplitudeRecorderState.RECORDING);
+      expect(controller.amplitudeRecorder.state.value).toBe(
+        AmplitudeRecorderState.RECORDING,
+      );
       expect(controller.recordingState.value).toBe(MediaRecordingState.RECORDING);
     });
 
@@ -338,7 +369,9 @@ describe('MediaRecorderController', () => {
       const controller = new MediaRecorderController();
       const existingRecording = generateVoiceRecordingAttachment();
       controller.recording.next(existingRecording);
-      expect(await controller.stop()).toStrictEqual(expect.objectContaining(existingRecording));
+      expect(await controller.stop()).toStrictEqual(
+        expect.objectContaining(existingRecording),
+      );
     });
 
     it.each([MediaRecordingState.STOPPED, undefined])(
@@ -369,7 +402,9 @@ describe('MediaRecorderController', () => {
         expect(stopResult).toStrictEqual(expect.objectContaining(voiceRecording));
         expect(controller.startTime).toBeUndefined();
         expect(controller.mediaRecorder.stop).toHaveBeenCalledWith();
-        expect(controller.amplitudeRecorder.state.value).toBe(AmplitudeRecorderState.STOPPED);
+        expect(controller.amplitudeRecorder.state.value).toBe(
+          AmplitudeRecorderState.STOPPED,
+        );
         expect(controller.recordingState.value).toBe(MediaRecordingState.STOPPED);
       },
     );
@@ -418,7 +453,9 @@ describe('MediaRecorderController', () => {
         .spyOn(controller, 'makeVoiceRecording')
         .mockResolvedValue(voiceRecording);
       await controller.handleDataavailableEvent(generateDataavailableEvent());
-      expect(controller.recording.value).toStrictEqual(expect.objectContaining(voiceRecording));
+      expect(controller.recording.value).toStrictEqual(
+        expect.objectContaining(voiceRecording),
+      );
       makeVoiceRecordingSpy.mockRestore();
     });
   });
@@ -573,7 +610,9 @@ describe('MediaRecorderController', () => {
         },
       });
 
-      controller.recordedData = [new Blob(new Uint8Array(dataPoints), { type: recordedMimeType })];
+      controller.recordedData = [
+        new Blob(new Uint8Array(dataPoints), { type: recordedMimeType }),
+      ];
       controller.recordedChunkDurations = dataPoints.map((n) => n * 1000);
       const recordedFile = new File(controller.recordedData, fileMock);
       createFileFromBlobsSpy.mockReturnValue(recordedFile);
diff --git a/src/components/MediaRecorder/hooks/__tests__/useMediaRecorder.test.js b/src/components/MediaRecorder/hooks/__tests__/useMediaRecorder.test.js
index d63a3ab5db..4cfbfba97b 100644
--- a/src/components/MediaRecorder/hooks/__tests__/useMediaRecorder.test.js
+++ b/src/components/MediaRecorder/hooks/__tests__/useMediaRecorder.test.js
@@ -28,7 +28,9 @@ const render = async (params = {}) => {
   );
   let result;
   await act(() => {
-    result = renderHook(() => useMediaRecorder({ enabled: true, ...params }), { wrapper });
+    result = renderHook(() => useMediaRecorder({ enabled: true, ...params }), {
+      wrapper,
+    });
   });
   return result;
 };
@@ -119,7 +121,9 @@ describe('useMediaRecorder', () => {
         },
       } = await render({ handleSubmit, uploadAttachment });
       const recorderStopSpy = jest.spyOn(recorder, 'stop').mockResolvedValue(undefined);
-      const recorderCleanUpSpy = jest.spyOn(recorder, 'cleanUp').mockResolvedValue(undefined);
+      const recorderCleanUpSpy = jest
+        .spyOn(recorder, 'cleanUp')
+        .mockResolvedValue(undefined);
       await completeRecording();
       expect(recorderStopSpy).toHaveBeenCalledWith();
       expect(recorderCleanUpSpy).not.toHaveBeenCalledWith();
@@ -135,7 +139,9 @@ describe('useMediaRecorder', () => {
         },
       } = await render({ handleSubmit, uploadAttachment });
       jest.spyOn(recorder, 'stop').mockResolvedValue(generatedVoiceRecording);
-      const recorderCleanUpSpy = jest.spyOn(recorder, 'cleanUp').mockResolvedValue(undefined);
+      const recorderCleanUpSpy = jest
+        .spyOn(recorder, 'cleanUp')
+        .mockResolvedValue(undefined);
       await act(() => {
         completeRecording();
       });
@@ -150,9 +156,15 @@ describe('useMediaRecorder', () => {
         result: {
           current: { completeRecording, recorder },
         },
-      } = await render({ asyncMessagesMultiSendEnabled: true, handleSubmit, uploadAttachment });
+      } = await render({
+        asyncMessagesMultiSendEnabled: true,
+        handleSubmit,
+        uploadAttachment,
+      });
       jest.spyOn(recorder, 'stop').mockResolvedValue(generatedVoiceRecording);
-      const recorderCleanUpSpy = jest.spyOn(recorder, 'cleanUp').mockResolvedValue(undefined);
+      const recorderCleanUpSpy = jest
+        .spyOn(recorder, 'cleanUp')
+        .mockResolvedValue(undefined);
       await act(() => {
         completeRecording();
       });
diff --git a/src/components/MediaRecorder/hooks/useMediaRecorder.ts b/src/components/MediaRecorder/hooks/useMediaRecorder.ts
index a1550d6334..610dfa5ba6 100644
--- a/src/components/MediaRecorder/hooks/useMediaRecorder.ts
+++ b/src/components/MediaRecorder/hooks/useMediaRecorder.ts
@@ -10,7 +10,7 @@ import type { LocalVoiceRecordingAttachment } from '../../MessageInput';
 import type { DefaultStreamChatGenerics } from '../../../types';
 
 export type RecordingController<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   completeRecording: () => void;
   permissionState?: PermissionState;
@@ -20,7 +20,7 @@ export type RecordingController<
 };
 
 type UseMediaRecorderParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<
   MessageInputContextValue<StreamChatGenerics>,
   'asyncMessagesMultiSendEnabled' | 'handleSubmit' | 'uploadAttachment'
@@ -31,7 +31,7 @@ type UseMediaRecorderParams<
 };
 
 export const useMediaRecorder = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   asyncMessagesMultiSendEnabled,
   enabled,
@@ -42,7 +42,8 @@ export const useMediaRecorder = <
 }: UseMediaRecorderParams<StreamChatGenerics>): RecordingController<StreamChatGenerics> => {
   const { t } = useTranslationContext('useMediaRecorder');
 
-  const [recording, setRecording] = useState<LocalVoiceRecordingAttachment<StreamChatGenerics>>();
+  const [recording, setRecording] =
+    useState<LocalVoiceRecordingAttachment<StreamChatGenerics>>();
   const [recordingState, setRecordingState] = useState<MediaRecordingState>();
   const [permissionState, setPermissionState] = useState<PermissionState>();
   const [isScheduledForSubmit, scheduleForSubmit] = useState(false);
@@ -81,8 +82,10 @@ export const useMediaRecorder = <
     if (!recorder) return;
     recorder.permission.watch();
     const recordingSubscription = recorder.recording.subscribe(setRecording);
-    const recordingStateSubscription = recorder.recordingState.subscribe(setRecordingState);
-    const permissionStateSubscription = recorder.permission.state.subscribe(setPermissionState);
+    const recordingStateSubscription =
+      recorder.recordingState.subscribe(setRecordingState);
+    const permissionStateSubscription =
+      recorder.permission.state.subscribe(setPermissionState);
 
     return () => {
       recorder.cancel();
diff --git a/src/components/MediaRecorder/transcode/wav.ts b/src/components/MediaRecorder/transcode/wav.ts
index cf305ff209..9b34b0be8f 100644
--- a/src/components/MediaRecorder/transcode/wav.ts
+++ b/src/components/MediaRecorder/transcode/wav.ts
@@ -40,7 +40,11 @@ type WriteWaveHeaderParams = {
   // Number of samples per second, e.g. 44100Hz
   sampleRate: number;
 };
-const writeWavHeader = ({ arrayBuffer, channelCount, sampleRate }: WriteWaveHeaderParams) => {
+const writeWavHeader = ({
+  arrayBuffer,
+  channelCount,
+  sampleRate,
+}: WriteWaveHeaderParams) => {
   const byteRate = sampleRate * channelCount * BYTES_PER_SAMPLE; // bytes/sec
   const blockAlign = channelCount * BYTES_PER_SAMPLE;
 
@@ -95,7 +99,9 @@ export const readWavHeader = (dataView: DataView) => {
 };
 
 const splitDataByChannel = (audioBuffer: AudioBuffer) =>
-  Array.from({ length: audioBuffer.numberOfChannels }, (_, i) => audioBuffer.getChannelData(i));
+  Array.from({ length: audioBuffer.numberOfChannels }, (_, i) =>
+    audioBuffer.getChannelData(i),
+  );
 
 type WriteAudioDataParams = {
   arrayBuffer: ArrayBuffer;
@@ -118,7 +124,9 @@ const writeWavAudioData = ({ arrayBuffer, dataByChannel }: WriteAudioDataParams)
     channelData.forEach((float32Value) => {
       dataView.setInt16(
         writeOffset,
-        float32Value < 0 ? Math.max(-1, float32Value) * 32768 : Math.min(1, float32Value) * 32767,
+        float32Value < 0
+          ? Math.max(-1, float32Value) * 32768
+          : Math.min(1, float32Value) * 32767,
         true,
       );
       writeOffset += channelCount * BYTES_PER_SAMPLE;
@@ -130,7 +138,8 @@ export const encodeToWaw = async (file: File, sampleRate: number) => {
   const audioBuffer = await renderAudio(await toAudioBuffer(file), sampleRate);
   const numberOfSamples = audioBuffer.duration * sampleRate;
   const fileSizeBytes =
-    numberOfSamples * audioBuffer.numberOfChannels * BYTES_PER_SAMPLE + WAV_HEADER_LENGTH_BYTES;
+    numberOfSamples * audioBuffer.numberOfChannels * BYTES_PER_SAMPLE +
+    WAV_HEADER_LENGTH_BYTES;
 
   const arrayBuffer = new ArrayBuffer(fileSizeBytes);
   writeWavHeader({ arrayBuffer, channelCount: audioBuffer.numberOfChannels, sampleRate });
diff --git a/src/components/Message/FixedHeightMessage.tsx b/src/components/Message/FixedHeightMessage.tsx
index d72a8e9aaf..bd5e2106e6 100644
--- a/src/components/Message/FixedHeightMessage.tsx
+++ b/src/components/Message/FixedHeightMessage.tsx
@@ -29,8 +29,8 @@ const selectColor = (number: number, dark: boolean) => {
 
 const hashUserId = (userId: string) => {
   const hash = userId.split('').reduce((acc, c) => {
-    acc = (acc << 5) - acc + c.charCodeAt(0); // eslint-disable-line
-    return acc & acc; // eslint-disable-line no-bitwise
+    acc = (acc << 5) - acc + c.charCodeAt(0);
+    return acc & acc;
   }, 0);
   return Math.abs(hash) / 10 ** Math.ceil(Math.log10(Math.abs(hash) + 1));
 };
@@ -39,14 +39,14 @@ const getUserColor = (theme: string, userId: string) =>
   selectColor(hashUserId(userId), theme.includes('dark'));
 
 export type FixedHeightMessageProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   groupedByUser?: boolean;
   message?: StreamMessage<StreamChatGenerics>;
 };
 
 const UnMemoizedFixedHeightMessage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: FixedHeightMessageProps<StreamChatGenerics>,
 ) => {
@@ -54,18 +54,16 @@ const UnMemoizedFixedHeightMessage = <
 
   const { theme } = useChatContext<StreamChatGenerics>('FixedHeightMessage');
 
-  const {
-    groupedByUser: contextGroupedByUser,
-    message: contextMessage,
-  } = useMessageContext<StreamChatGenerics>('FixedHeightMessage');
+  const { groupedByUser: contextGroupedByUser, message: contextMessage } =
+    useMessageContext<StreamChatGenerics>('FixedHeightMessage');
 
-  const { MessageDeleted = DefaultMessageDeleted } = useComponentContext<StreamChatGenerics>(
-    'FixedHeightMessage',
-  );
+  const { MessageDeleted = DefaultMessageDeleted } =
+    useComponentContext<StreamChatGenerics>('FixedHeightMessage');
 
   const { userLanguage } = useTranslationContext('FixedHeightMessage');
 
-  const groupedByUser = propGroupedByUser !== undefined ? propGroupedByUser : contextGroupedByUser;
+  const groupedByUser =
+    propGroupedByUser !== undefined ? propGroupedByUser : contextGroupedByUser;
   const message = propMessage || contextMessage;
 
   const handleAction = useActionHandler(message);
@@ -73,12 +71,13 @@ const UnMemoizedFixedHeightMessage = <
   const role = useUserRole(message);
 
   const messageTextToRender =
-    message?.i18n?.[`${userLanguage}_text` as `${TranslationLanguages}_text`] || message?.text;
+    message?.i18n?.[`${userLanguage}_text` as `${TranslationLanguages}_text`] ||
+    message?.text;
 
-  const renderedText = useMemo(() => renderText(messageTextToRender, message.mentioned_users), [
-    message.mentioned_users,
-    messageTextToRender,
-  ]);
+  const renderedText = useMemo(
+    () => renderText(messageTextToRender, message.mentioned_users),
+    [message.mentioned_users, messageTextToRender],
+  );
 
   const userId = message.user?.id || '';
   const userColor = useMemo(() => getUserColor(theme, userId), [userId, theme]);
diff --git a/src/components/Message/Message.tsx b/src/components/Message/Message.tsx
index 786c9046a0..7ec5c891bb 100644
--- a/src/components/Message/Message.tsx
+++ b/src/components/Message/Message.tsx
@@ -32,7 +32,11 @@ import { MessageSimple as DefaultMessage } from './MessageSimple';
 import type { MessageProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
-type MessagePropsToOmit = 'onMentionsClick' | 'onMentionsHover' | 'openThread' | 'retrySendMessage';
+type MessagePropsToOmit =
+  | 'onMentionsClick'
+  | 'onMentionsHover'
+  | 'openThread'
+  | 'retrySendMessage';
 
 type MessageContextPropsToPick =
   | 'handleAction'
@@ -53,7 +57,7 @@ type MessageContextPropsToPick =
   | 'sortReactionDetails';
 
 type MessageWithContextProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Omit<MessageProps<StreamChatGenerics>, MessagePropsToOmit> &
   Pick<MessageContextValue<StreamChatGenerics>, MessageContextPropsToPick> & {
     canPin: boolean;
@@ -61,7 +65,7 @@ type MessageWithContextProps<
   };
 
 const MessageWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageWithContextProps<StreamChatGenerics>,
 ) => {
@@ -110,7 +114,8 @@ const MessageWithContext = <
         read &&
         (!read[client.user.id] ||
           (message?.created_at &&
-            new Date(message.created_at).getTime() > read[client.user.id].last_read.getTime()))
+            new Date(message.created_at).getTime() >
+              read[client.user.id].last_read.getTime()))
       ),
     [client, isMyMessage, message.created_at, read],
   );
@@ -185,7 +190,7 @@ const MemoizedMessage = React.memo(
  * an individual message. The actual UI of the message is delegated via the Message prop on Channel.
  */
 export const Message = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageProps<StreamChatGenerics>,
 ) => {
@@ -214,7 +219,8 @@ export const Message = <
   } = props;
 
   const { addNotification } = useChannelActionContext<StreamChatGenerics>('Message');
-  const { highlightedMessageId, mutes } = useChannelStateContext<StreamChatGenerics>('Message');
+  const { highlightedMessageId, mutes } =
+    useChannelStateContext<StreamChatGenerics>('Message');
 
   const handleAction = useActionHandler(message);
   const handleOpenThread = useOpenThreadHandler(message, propOpenThread);
diff --git a/src/components/Message/MessageDeleted.tsx b/src/components/Message/MessageDeleted.tsx
index 9b5a73d608..9a665f1815 100644
--- a/src/components/Message/MessageDeleted.tsx
+++ b/src/components/Message/MessageDeleted.tsx
@@ -9,13 +9,13 @@ import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type MessageDeletedProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   message: StreamMessage<StreamChatGenerics>;
 };
 
 export const MessageDeleted = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageDeletedProps<StreamChatGenerics>,
 ) => {
diff --git a/src/components/Message/MessageEditedTimestamp.tsx b/src/components/Message/MessageEditedTimestamp.tsx
index 87db8539ff..3d96528880 100644
--- a/src/components/Message/MessageEditedTimestamp.tsx
+++ b/src/components/Message/MessageEditedTimestamp.tsx
@@ -1,7 +1,11 @@
 import React from 'react';
 
 import clsx from 'clsx';
-import { useComponentContext, useMessageContext, useTranslationContext } from '../../context';
+import {
+  useComponentContext,
+  useMessageContext,
+  useTranslationContext,
+} from '../../context';
 import { Timestamp as DefaultTimestamp } from './Timestamp';
 import { isMessageEdited } from './utils';
 
@@ -9,13 +13,13 @@ import type { DefaultStreamChatGenerics } from '../../types';
 import type { MessageTimestampProps } from './MessageTimestamp';
 
 export type MessageEditedTimestampProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = MessageTimestampProps<StreamChatGenerics> & {
   open: boolean;
 };
 
 export function MessageEditedTimestamp<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   message: propMessage,
   open,
diff --git a/src/components/Message/MessageErrorText.tsx b/src/components/Message/MessageErrorText.tsx
index fd4f7a1372..6f88b74744 100644
--- a/src/components/Message/MessageErrorText.tsx
+++ b/src/components/Message/MessageErrorText.tsx
@@ -5,20 +5,22 @@ import { DefaultStreamChatGenerics } from '../../types/types';
 import { isMessageBounced } from './utils';
 
 export interface MessageErrorTextProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > {
   message: StreamMessage<StreamChatGenerics>;
   theme: string;
 }
 
 export function MessageErrorText<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({ message, theme }: MessageErrorTextProps<StreamChatGenerics>) {
   const { t } = useTranslationContext('MessageText');
 
   if (message.type === 'error' && !isMessageBounced(message)) {
     return (
-      <div className={`str-chat__${theme}-message--error-message str-chat__message--error-message`}>
+      <div
+        className={`str-chat__${theme}-message--error-message str-chat__message--error-message`}
+      >
         {t<string>('Error · Unsent')}
       </div>
     );
@@ -26,7 +28,9 @@ export function MessageErrorText<
 
   if (message.status === 'failed') {
     return (
-      <div className={`str-chat__${theme}-message--error-message str-chat__message--error-message`}>
+      <div
+        className={`str-chat__${theme}-message--error-message str-chat__message--error-message`}
+      >
         {message.errorStatusCode !== 403
           ? t<string>('Message Failed · Click to try again')
           : t<string>('Message Failed · Unauthorized')}
diff --git a/src/components/Message/MessageOptions.tsx b/src/components/Message/MessageOptions.tsx
index 5f40654279..7554f6bd64 100644
--- a/src/components/Message/MessageOptions.tsx
+++ b/src/components/Message/MessageOptions.tsx
@@ -17,7 +17,7 @@ import type { DefaultStreamChatGenerics, IconProps } from '../../types/types';
 import type { MessageContextValue } from '../../context/MessageContext';
 
 export type MessageOptionsProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Partial<Pick<MessageContextValue<StreamChatGenerics>, 'handleOpenThread'>> & {
   /* Custom component rendering the icon used in message actions button. This button invokes the message actions menu. */
   ActionsIcon?: React.ComponentType<IconProps>;
@@ -32,7 +32,7 @@ export type MessageOptionsProps<
 };
 
 const UnMemoizedMessageOptions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageOptionsProps<StreamChatGenerics>,
 ) => {
@@ -55,7 +55,9 @@ const UnMemoizedMessageOptions = <
 
   const { t } = useTranslationContext('MessageOptions');
   const messageActionsDialogIsOpen = useDialogIsOpen(`message-actions--${message.id}`);
-  const reactionSelectorDialogIsOpen = useDialogIsOpen(`reaction-selector--${message.id}`);
+  const reactionSelectorDialogIsOpen = useDialogIsOpen(
+    `reaction-selector--${message.id}`,
+  );
   const handleOpenThread = propHandleOpenThread || contextHandleOpenThread;
 
   const messageActions = getMessageActions();
diff --git a/src/components/Message/MessageSimple.tsx b/src/components/Message/MessageSimple.tsx
index e82200fed7..03aa01c6b3 100644
--- a/src/components/Message/MessageSimple.tsx
+++ b/src/components/Message/MessageSimple.tsx
@@ -37,11 +37,11 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 import { StreamedMessageText as DefaultStreamedMessageText } from './StreamedMessageText';
 
 type MessageSimpleWithContextProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = MessageContextValue<StreamChatGenerics>;
 
 const MessageSimpleWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageSimpleWithContextProps<StreamChatGenerics>,
 ) => {
@@ -89,10 +89,10 @@ const MessageSimpleWithContext = <
 
   const hasAttachment = messageHasAttachments(message);
   const hasReactions = messageHasReactions(message);
-  const isAIGenerated = useMemo(() => isMessageAIGenerated?.(message), [
-    isMessageAIGenerated,
-    message,
-  ]);
+  const isAIGenerated = useMemo(
+    () => isMessageAIGenerated?.(message),
+    [isMessageAIGenerated, message],
+  );
 
   if (message.customType === CUSTOM_MESSAGE_TYPE.date) {
     return null;
@@ -145,7 +145,11 @@ const MessageSimpleWithContext = <
   return (
     <>
       {editing && (
-        <Modal className='str-chat__edit-message-modal' onClose={clearEditingState} open={editing}>
+        <Modal
+          className='str-chat__edit-message-modal'
+          onClose={clearEditingState}
+          open={editing}
+        >
           <MessageInput
             clearEditingState={clearEditingState}
             grow
@@ -190,7 +194,10 @@ const MessageSimpleWithContext = <
             <div className='str-chat__message-bubble'>
               {poll && <Poll poll={poll} />}
               {message.attachments?.length && !message.quoted_message ? (
-                <Attachment actionHandler={handleAction} attachments={message.attachments} />
+                <Attachment
+                  actionHandler={handleAction}
+                  attachments={message.attachments}
+                />
               ) : null}
               {isAIGenerated ? (
                 <StreamedMessageText message={message} renderText={renderText} />
@@ -223,9 +230,13 @@ const MessageSimpleWithContext = <
               )}
               <MessageTimestamp customClass='str-chat__message-simple-timestamp' />
               {isEdited && (
-                <span className='str-chat__mesage-simple-edited'>{t<string>('Edited')}</span>
+                <span className='str-chat__mesage-simple-edited'>
+                  {t<string>('Edited')}
+                </span>
+              )}
+              {isEdited && (
+                <MessageEditedTimestamp calendar open={isEditedTimestampOpen} />
               )}
-              {isEdited && <MessageEditedTimestamp calendar open={isEditedTimestampOpen} />}
             </div>
           )}
         </div>
@@ -243,7 +254,7 @@ const MemoizedMessageSimple = React.memo(
  * The default UI component that renders a message and receives functionality and logic from the MessageContext.
  */
 export const MessageSimple = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageUIComponentProps<StreamChatGenerics>,
 ) => {
diff --git a/src/components/Message/MessageStatus.tsx b/src/components/Message/MessageStatus.tsx
index 1c96b7b73e..fa47778e2b 100644
--- a/src/components/Message/MessageStatus.tsx
+++ b/src/components/Message/MessageStatus.tsx
@@ -32,7 +32,7 @@ export type MessageStatusProps = {
 };
 
 const UnMemoizedMessageStatus = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageStatusProps,
 ) => {
@@ -45,17 +45,14 @@ const UnMemoizedMessageStatus = <
     tooltipUserNameMapper = mapToUserNameOrId,
   } = props;
 
-  const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers<HTMLSpanElement>();
+  const { handleEnter, handleLeave, tooltipVisible } =
+    useEnterLeaveHandlers<HTMLSpanElement>();
 
   const { client } = useChatContext<StreamChatGenerics>('MessageStatus');
-  const { Avatar: contextAvatar } = useComponentContext<StreamChatGenerics>('MessageStatus');
-  const {
-    isMyMessage,
-    lastReceivedId,
-    message,
-    readBy,
-    threadList,
-  } = useMessageContext<StreamChatGenerics>('MessageStatus');
+  const { Avatar: contextAvatar } =
+    useComponentContext<StreamChatGenerics>('MessageStatus');
+  const { isMyMessage, lastReceivedId, message, readBy, threadList } =
+    useMessageContext<StreamChatGenerics>('MessageStatus');
   const { t } = useTranslationContext('MessageStatus');
   const [referenceElement, setReferenceElement] = useState<HTMLSpanElement | null>(null);
 
@@ -67,7 +64,8 @@ const UnMemoizedMessageStatus = <
   const rootClassName = `str-chat__message-${messageType}-status str-chat__message-status`;
 
   const sending = message.status === 'sending';
-  const delivered = message.status === 'received' && message.id === lastReceivedId && !threadList;
+  const delivered =
+    message.status === 'received' && message.id === lastReceivedId && !threadList;
   const deliveredAndRead = !!(readBy?.length && !threadList && !justReadByMe);
 
   const readersWithoutOwnUser = deliveredAndRead
@@ -154,4 +152,6 @@ const UnMemoizedMessageStatus = <
   );
 };
 
-export const MessageStatus = React.memo(UnMemoizedMessageStatus) as typeof UnMemoizedMessageStatus;
+export const MessageStatus = React.memo(
+  UnMemoizedMessageStatus,
+) as typeof UnMemoizedMessageStatus;
diff --git a/src/components/Message/MessageText.tsx b/src/components/Message/MessageText.tsx
index cb7919d76f..08bb69b6f9 100644
--- a/src/components/Message/MessageText.tsx
+++ b/src/components/Message/MessageText.tsx
@@ -4,7 +4,11 @@ import React, { useMemo } from 'react';
 import { QuotedMessage as DefaultQuotedMessage } from './QuotedMessage';
 import { isOnlyEmojis, messageHasAttachments } from './utils';
 
-import { useComponentContext, useMessageContext, useTranslationContext } from '../../context';
+import {
+  useComponentContext,
+  useMessageContext,
+  useTranslationContext,
+} from '../../context';
 import { renderText as defaultRenderText } from './renderText';
 import { MessageErrorText } from './MessageErrorText';
 
@@ -13,7 +17,7 @@ import type { MessageContextValue, StreamMessage } from '../../context';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type MessageTextProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /* Replaces the CSS class name placed on the component's inner `div` container */
   customInnerClass?: string;
@@ -26,7 +30,7 @@ export type MessageTextProps<
 } & Pick<MessageContextValue<StreamChatGenerics>, 'renderText'>;
 
 const UnMemoizedMessageTextComponent = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageTextProps<StreamChatGenerics>,
 ) => {
@@ -38,9 +42,8 @@ const UnMemoizedMessageTextComponent = <
     theme = 'simple',
   } = props;
 
-  const { QuotedMessage = DefaultQuotedMessage } = useComponentContext<StreamChatGenerics>(
-    'MessageText',
-  );
+  const { QuotedMessage = DefaultQuotedMessage } =
+    useComponentContext<StreamChatGenerics>('MessageText');
 
   const {
     message: contextMessage,
@@ -57,17 +60,19 @@ const UnMemoizedMessageTextComponent = <
   const hasAttachment = messageHasAttachments(message);
 
   const messageTextToRender =
-    message.i18n?.[`${userLanguage}_text` as `${TranslationLanguages}_text`] || message.text;
+    message.i18n?.[`${userLanguage}_text` as `${TranslationLanguages}_text`] ||
+    message.text;
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const messageText = useMemo(() => renderText(messageTextToRender, message.mentioned_users), [
-    message.mentioned_users,
-    messageTextToRender,
-  ]);
+  const messageText = useMemo(
+    () => renderText(messageTextToRender, message.mentioned_users),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [message.mentioned_users, messageTextToRender],
+  );
 
   const wrapperClass = customWrapperClass || 'str-chat__message-text';
   const innerClass =
-    customInnerClass || `str-chat__message-text-inner str-chat__message-${theme}-text-inner`;
+    customInnerClass ||
+    `str-chat__message-text-inner str-chat__message-${theme}-text-inner`;
 
   if (!messageTextToRender && !message.quoted_message) return null;
 
diff --git a/src/components/Message/MessageTimestamp.tsx b/src/components/Message/MessageTimestamp.tsx
index bf8959febb..6186e6324b 100644
--- a/src/components/Message/MessageTimestamp.tsx
+++ b/src/components/Message/MessageTimestamp.tsx
@@ -8,7 +8,7 @@ import type { TimestampFormatterOptions } from '../../i18n/types';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type MessageTimestampProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = TimestampFormatterOptions & {
   /* Adds a CSS class name to the component's outer `time` container. */
   customClass?: string;
@@ -17,12 +17,13 @@ export type MessageTimestampProps<
 };
 
 const UnMemoizedMessageTimestamp = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageTimestampProps<StreamChatGenerics>,
 ) => {
   const { message: propMessage, ...timestampProps } = props;
-  const { message: contextMessage } = useMessageContext<StreamChatGenerics>('MessageTimestamp');
+  const { message: contextMessage } =
+    useMessageContext<StreamChatGenerics>('MessageTimestamp');
   const { Timestamp = DefaultTimestamp } = useComponentContext('MessageTimestamp');
   const message = propMessage || contextMessage;
   return <Timestamp timestamp={message.created_at} {...timestampProps} />;
diff --git a/src/components/Message/QuotedMessage.tsx b/src/components/Message/QuotedMessage.tsx
index 22c680355d..0689e2d63e 100644
--- a/src/components/Message/QuotedMessage.tsx
+++ b/src/components/Message/QuotedMessage.tsx
@@ -16,12 +16,10 @@ import type { TranslationLanguages } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export const QuotedMessage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >() => {
-  const {
-    Attachment = DefaultAttachment,
-    Avatar: ContextAvatar,
-  } = useComponentContext<StreamChatGenerics>('QuotedMessage');
+  const { Attachment = DefaultAttachment, Avatar: ContextAvatar } =
+    useComponentContext<StreamChatGenerics>('QuotedMessage');
   const { client } = useChatContext();
   const { isMyMessage, message } = useMessageContext<StreamChatGenerics>('QuotedMessage');
   const { t, userLanguage } = useTranslationContext('QuotedMessage');
@@ -33,7 +31,8 @@ export const QuotedMessage = <
   if (!quoted_message) return null;
 
   const poll = quoted_message.poll_id && client.polls.fromState(quoted_message.poll_id);
-  const quotedMessageDeleted = quoted_message.deleted_at || quoted_message.type === 'deleted';
+  const quotedMessageDeleted =
+    quoted_message.deleted_at || quoted_message.type === 'deleted';
 
   const quotedMessageText = quotedMessageDeleted
     ? t('This message was deleted...')
@@ -66,7 +65,10 @@ export const QuotedMessage = <
             user={quoted_message.user}
           />
         )}
-        <div className='str-chat__quoted-message-bubble' data-testid='quoted-message-contents'>
+        <div
+          className='str-chat__quoted-message-bubble'
+          data-testid='quoted-message-contents'
+        >
           {poll ? (
             <Poll isQuoted poll={poll} />
           ) : (
@@ -84,7 +86,9 @@ export const QuotedMessage = <
           )}
         </div>
       </div>
-      {message.attachments?.length ? <Attachment attachments={message.attachments} /> : null}
+      {message.attachments?.length ? (
+        <Attachment attachments={message.attachments} />
+      ) : null}
     </>
   );
 };
diff --git a/src/components/Message/StreamedMessageText.tsx b/src/components/Message/StreamedMessageText.tsx
index 3005f3cd41..bfc5e7041e 100644
--- a/src/components/Message/StreamedMessageText.tsx
+++ b/src/components/Message/StreamedMessageText.tsx
@@ -6,14 +6,14 @@ import { useMessageContext } from '../../context';
 import { useMessageTextStreaming } from './hooks';
 
 export type StreamedMessageTextProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<MessageTextProps<StreamChatGenerics>, 'message' | 'renderText'> & {
   renderingLetterCount?: number;
   streamingLetterIntervalMs?: number;
 };
 
 export const StreamedMessageText = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: StreamedMessageTextProps<StreamChatGenerics>,
 ) => {
@@ -23,9 +23,8 @@ export const StreamedMessageText = <
     renderText,
     streamingLetterIntervalMs,
   } = props;
-  const { message: messageFromContext } = useMessageContext<StreamChatGenerics>(
-    'StreamedMessageText',
-  );
+  const { message: messageFromContext } =
+    useMessageContext<StreamChatGenerics>('StreamedMessageText');
   const message = messageFromProps || messageFromContext;
   const { text = '' } = message;
   const { streamedMessageText } = useMessageTextStreaming({
@@ -35,6 +34,9 @@ export const StreamedMessageText = <
   });
 
   return (
-    <MessageText message={{ ...message, text: streamedMessageText }} renderText={renderText} />
+    <MessageText
+      message={{ ...message, text: streamedMessageText }}
+      renderText={renderText}
+    />
   );
 };
diff --git a/src/components/Message/Timestamp.tsx b/src/components/Message/Timestamp.tsx
index e085354b34..976476eeca 100644
--- a/src/components/Message/Timestamp.tsx
+++ b/src/components/Message/Timestamp.tsx
@@ -18,7 +18,8 @@ export function Timestamp(props: TimestampProps) {
   const { formatDate } = useMessageContext('MessageTimestamp');
   const { t, tDateTimeParser } = useTranslationContext('MessageTimestamp');
 
-  const normalizedTimestamp = timestamp && isDate(timestamp) ? timestamp.toISOString() : timestamp;
+  const normalizedTimestamp =
+    timestamp && isDate(timestamp) ? timestamp.toISOString() : timestamp;
 
   const when = useMemo(
     () =>
@@ -32,7 +33,15 @@ export function Timestamp(props: TimestampProps) {
         tDateTimeParser,
         timestampTranslationKey: 'timestamp/MessageTimestamp',
       }),
-    [calendar, calendarFormats, format, formatDate, normalizedTimestamp, t, tDateTimeParser],
+    [
+      calendar,
+      calendarFormats,
+      format,
+      formatDate,
+      normalizedTimestamp,
+      t,
+      tDateTimeParser,
+    ],
   );
 
   if (!when) {
@@ -40,7 +49,11 @@ export function Timestamp(props: TimestampProps) {
   }
 
   return (
-    <time className={customClass} dateTime={normalizedTimestamp} title={normalizedTimestamp}>
+    <time
+      className={customClass}
+      dateTime={normalizedTimestamp}
+      title={normalizedTimestamp}
+    >
       {when}
     </time>
   );
diff --git a/src/components/Message/__tests__/FixedHeightMessage.test.js b/src/components/Message/__tests__/FixedHeightMessage.test.js
index 27940b25d5..dcb4adf0c3 100644
--- a/src/components/Message/__tests__/FixedHeightMessage.test.js
+++ b/src/components/Message/__tests__/FixedHeightMessage.test.js
@@ -89,7 +89,10 @@ describe('<FixedHeightMessage />', () => {
   it('should render user avatar', async () => {
     const message = generateMessage({ user: alice });
     await renderMsg(message);
-    expect(AvatarMock).toHaveBeenCalledWith(expect.objectContaining(aliceProfile), undefined);
+    expect(AvatarMock).toHaveBeenCalledWith(
+      expect.objectContaining(aliceProfile),
+      undefined,
+    );
   });
 
   it('should render MML', async () => {
diff --git a/src/components/Message/__tests__/Message.test.js b/src/components/Message/__tests__/Message.test.js
index 67c2f90ad8..1eb712fa50 100644
--- a/src/components/Message/__tests__/Message.test.js
+++ b/src/components/Message/__tests__/Message.test.js
@@ -59,7 +59,11 @@ async function renderComponent({
   return renderer(
     <ChatProvider value={{ client, ...clientOpts }}>
       <ChannelStateProvider
-        value={{ channel, channelCapabilities: { 'send-reaction': true }, ...channelStateOpts }}
+        value={{
+          channel,
+          channelCapabilities: { 'send-reaction': true },
+          ...channelStateOpts,
+        }}
       >
         <ChannelActionProvider
           value={{
@@ -71,8 +75,9 @@ async function renderComponent({
         >
           <ComponentProvider
             value={{
-              // eslint-disable-next-line react/display-name
-              Message: () => <CustomMessageUIComponent contextCallback={contextCallback} />,
+              Message: () => (
+                <CustomMessageUIComponent contextCallback={contextCallback} />
+              ),
               ...components,
             }}
           >
@@ -232,7 +237,9 @@ describe('<Message /> component', () => {
 
     await context.handleAction(action.name, action.value, mouseEventMock);
 
-    expect(sendAction).toHaveBeenCalledWith(currentMessage.id, { [action.name]: action.value });
+    expect(sendAction).toHaveBeenCalledWith(currentMessage.id, {
+      [action.name]: action.value,
+    });
     expect(updateMessage).toHaveBeenCalledWith(updatedMessage);
   });
 
@@ -254,7 +261,9 @@ describe('<Message /> component', () => {
 
     await context.handleAction(action.name, action.value, mouseEventMock);
 
-    expect(sendAction).toHaveBeenCalledWith(currentMessage.id, { [action.name]: action.value });
+    expect(sendAction).toHaveBeenCalledWith(currentMessage.id, {
+      [action.name]: action.value,
+    });
     expect(removeMessage).toHaveBeenCalledWith(currentMessage);
   });
 
@@ -625,7 +634,9 @@ describe('<Message /> component', () => {
     let context;
 
     await renderComponent({
-      channelStateOpts: { state: { members: {}, membership: { role: 'owner' }, watchers: {} } },
+      channelStateOpts: {
+        state: { members: {}, membership: { role: 'owner' }, watchers: {} },
+      },
       contextCallback: (ctx) => {
         context = ctx;
       },
@@ -822,7 +833,10 @@ describe('<Message /> component', () => {
     await context.handleFlag(mouseEventMock);
 
     expect(flagMessage).toHaveBeenCalledWith(message.id);
-    expect(addNotification).toHaveBeenCalledWith(defaultFlagMessageFailedNotification, 'error');
+    expect(addNotification).toHaveBeenCalledWith(
+      defaultFlagMessageFailedNotification,
+      'error',
+    );
   });
 
   it('should allow user to pin messages when permissions allow', async () => {
diff --git a/src/components/Message/__tests__/MessageDeleted.test.js b/src/components/Message/__tests__/MessageDeleted.test.js
index 710a4fbfbd..1b280f4eeb 100644
--- a/src/components/Message/__tests__/MessageDeleted.test.js
+++ b/src/components/Message/__tests__/MessageDeleted.test.js
@@ -50,7 +50,9 @@ describe('MessageDeleted component', () => {
 
   it('should not set specific css class when message is not from current user', async () => {
     const { queryByTestId } = await renderComponent(generateMessage({ user: bob }));
-    expect(queryByTestId(messageDeletedTestId).className).not.toContain(ownMessageCssClass);
+    expect(queryByTestId(messageDeletedTestId).className).not.toContain(
+      ownMessageCssClass,
+    );
   });
 
   it('should set specific css class based on message type', async () => {
diff --git a/src/components/Message/__tests__/MessageOptions.test.js b/src/components/Message/__tests__/MessageOptions.test.js
index b744bc2ad6..96c91d1b78 100644
--- a/src/components/Message/__tests__/MessageOptions.test.js
+++ b/src/components/Message/__tests__/MessageOptions.test.js
@@ -1,4 +1,3 @@
-/* eslint-disable jest-dom/prefer-to-have-class */
 import React from 'react';
 import { act, fireEvent, render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
@@ -52,7 +51,10 @@ async function renderMessageOptions({
   customOptionsProps = {},
 }) {
   const client = await getTestClientWithUser(alice);
-  const channel = generateChannel({ getConfig: () => channelConfig, state: { membership: {} } });
+  const channel = generateChannel({
+    getConfig: () => channelConfig,
+    state: { membership: {} },
+  });
 
   return render(
     <ChatProvider value={{ client }}>
@@ -68,7 +70,7 @@ async function renderMessageOptions({
             <ComponentProvider
               value={{
                 Attachment,
-                // eslint-disable-next-line react/display-name
+
                 Message: () => <MessageSimple channelConfig={channelConfig} />,
                 reactionOptions: defaultReactionOptions,
               }}
@@ -108,7 +110,9 @@ describe('<MessageOptions />', () => {
     'should not render message options when message is of %s %s and is from current user.',
     async (key, value) => {
       const message = generateAliceMessage({ [key]: value });
-      const { queryByTestId } = await renderMessageOptions({ customMessageProps: { message } });
+      const { queryByTestId } = await renderMessageOptions({
+        customMessageProps: { message },
+      });
       expect(queryByTestId(/message-options/)).not.toBeInTheDocument();
     },
   );
@@ -142,7 +146,9 @@ describe('<MessageOptions />', () => {
   });
 
   it('should not display thread actions when channel does not have replies enabled', async () => {
-    const { queryByTestId } = await renderMessageOptions({ channelConfig: { replies: false } });
+    const { queryByTestId } = await renderMessageOptions({
+      channelConfig: { replies: false },
+    });
     expect(queryByTestId(threadActionTestId)).not.toBeInTheDocument();
   });
 
@@ -158,7 +164,7 @@ describe('<MessageOptions />', () => {
     });
     expect(handleOpenThread).not.toHaveBeenCalled();
     fireEvent.click(getByTestId(threadActionTestId));
-    // eslint-disable-next-line jest/prefer-called-with
+
     expect(handleOpenThread).toHaveBeenCalled();
   });
 
@@ -261,7 +267,9 @@ describe('<MessageOptions />', () => {
 
   it('should render message actions', async () => {
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
     });
 
     expect(queryByTestId(MESSAGE_ACTIONS_TEST_ID)).toBeInTheDocument();
@@ -269,7 +277,9 @@ describe('<MessageOptions />', () => {
 
   it('should not show message actions button if actions are disabled', async () => {
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
       customMessageProps: { messageActions: [] },
     });
 
@@ -278,8 +288,13 @@ describe('<MessageOptions />', () => {
 
   it('should not show actions box for message in thread if only non-thread actions are available', async () => {
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
-      customMessageProps: { messageActions: ACTIONS_NOT_WORKING_IN_THREAD, threadList: true },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
+      customMessageProps: {
+        messageActions: ACTIONS_NOT_WORKING_IN_THREAD,
+        threadList: true,
+      },
     });
 
     expect(queryByTestId(MESSAGE_ACTIONS_TEST_ID)).not.toBeInTheDocument();
@@ -287,7 +302,9 @@ describe('<MessageOptions />', () => {
 
   it('should show actions box for message in thread if not only non-thread actions are available', async () => {
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
       customMessageProps: {
         messageActions: [...ACTIONS_NOT_WORKING_IN_THREAD, MESSAGE_ACTIONS.delete],
         threadList: true,
@@ -299,7 +316,9 @@ describe('<MessageOptions />', () => {
 
   it('should show actions box for a message in thread if custom actions provided are non-thread', async () => {
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
       customMessageProps: {
         customMessageActions: ACTIONS_NOT_WORKING_IN_THREAD,
         messageActions: ACTIONS_NOT_WORKING_IN_THREAD,
@@ -311,7 +330,9 @@ describe('<MessageOptions />', () => {
 
   it('should not show actions box for message outside thread with single action "react"', async () => {
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
       customMessageProps: {
         messageActions: [MESSAGE_ACTIONS.react],
       },
@@ -321,7 +342,9 @@ describe('<MessageOptions />', () => {
 
   it('should show actions box for message outside thread with single action "react" if custom actions available', async () => {
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
       customMessageProps: {
         customMessageActions: [MESSAGE_ACTIONS.react],
         messageActions: [MESSAGE_ACTIONS.react],
@@ -333,7 +356,9 @@ describe('<MessageOptions />', () => {
 
   it('should not show actions box for message outside thread with single action "reply"', async () => {
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
       customMessageProps: {
         messageActions: [MESSAGE_ACTIONS.reply],
       },
@@ -344,7 +369,9 @@ describe('<MessageOptions />', () => {
 
   it('should show actions box for message outside thread with single action "reply" if custom actions available', async () => {
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
       customMessageProps: {
         customMessageActions: [MESSAGE_ACTIONS.reply],
         messageActions: [MESSAGE_ACTIONS.reply],
@@ -357,7 +384,9 @@ describe('<MessageOptions />', () => {
   it('should not show actions box for message outside thread with two actions "react" & "reply"', async () => {
     const actions = [MESSAGE_ACTIONS.react, MESSAGE_ACTIONS.reply];
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
       customMessageProps: {
         messageActions: actions,
       },
@@ -369,7 +398,9 @@ describe('<MessageOptions />', () => {
   it('should show actions box for message outside thread with single actions "react" & "reply" if custom actions available', async () => {
     const actions = [MESSAGE_ACTIONS.react, MESSAGE_ACTIONS.reply];
     const { queryByTestId } = await renderMessageOptions({
-      channelStateOpts: { channelCapabilities: minimumCapabilitiesToRenderMessageActions },
+      channelStateOpts: {
+        channelCapabilities: minimumCapabilitiesToRenderMessageActions,
+      },
       customMessageProps: {
         customMessageActions: actions,
         messageActions: actions,
diff --git a/src/components/Message/__tests__/MessageRepliesCountButton.test.js b/src/components/Message/__tests__/MessageRepliesCountButton.test.js
index 054cf93f8c..d4f6381b29 100644
--- a/src/components/Message/__tests__/MessageRepliesCountButton.test.js
+++ b/src/components/Message/__tests__/MessageRepliesCountButton.test.js
@@ -8,7 +8,8 @@ const onClickMock = jest.fn();
 const defaultSingularText = '1 reply';
 const defaultPluralText = '2 replies';
 
-const i18nMock = (key, { count }) => (count > 1 ? defaultPluralText : defaultSingularText);
+const i18nMock = (key, { count }) =>
+  count > 1 ? defaultPluralText : defaultSingularText;
 
 const renderComponent = (props) =>
   render(
@@ -31,7 +32,10 @@ describe('MessageRepliesCountButton', () => {
 
   it('should render the right text when there is one reply, and labelSingle is defined', () => {
     const customSingularLabel = 'text';
-    const { getByText } = renderComponent({ labelSingle: customSingularLabel, reply_count: 1 });
+    const { getByText } = renderComponent({
+      labelSingle: customSingularLabel,
+      reply_count: 1,
+    });
 
     expect(getByText(`1 ${customSingularLabel}`)).toBeInTheDocument();
   });
@@ -44,7 +48,10 @@ describe('MessageRepliesCountButton', () => {
 
   it('should render the right text when there is more than one reply, and labelPlural is defined', () => {
     const customPluralLabel = 'text';
-    const { getByText } = renderComponent({ labelPlural: customPluralLabel, reply_count: 2 });
+    const { getByText } = renderComponent({
+      labelPlural: customPluralLabel,
+      reply_count: 2,
+    });
 
     expect(getByText(`2 ${customPluralLabel}`)).toBeInTheDocument();
   });
diff --git a/src/components/Message/__tests__/MessageSimple.test.js b/src/components/Message/__tests__/MessageSimple.test.js
index 2e13fec1ef..c16e9df131 100644
--- a/src/components/Message/__tests__/MessageSimple.test.js
+++ b/src/components/Message/__tests__/MessageSimple.test.js
@@ -20,7 +20,11 @@ import { MML as MMLMock } from '../../MML';
 import { Modal as ModalMock } from '../../Modal';
 import { defaultReactionOptions } from '../../Reactions';
 
-import { ChannelActionProvider, ChannelStateProvider, ComponentProvider } from '../../../context';
+import {
+  ChannelActionProvider,
+  ChannelStateProvider,
+  ComponentProvider,
+} from '../../../context';
 import {
   countReactions,
   generateChannel,
@@ -45,7 +49,9 @@ jest.mock('../../MessageInput', () => ({
   EditMessageForm: jest.fn(() => <div data-testid='edit-message-form' />),
   MessageInput: jest.fn(() => <div data-testid='message-input' />),
 }));
-jest.mock('../../Modal', () => ({ Modal: jest.fn((props) => <div>{props.children}</div>) }));
+jest.mock('../../Modal', () => ({
+  Modal: jest.fn((props) => <div>{props.children}</div>),
+}));
 
 const alice = generateUser();
 const bob = generateUser({ image: 'bob-avatar.jpg', name: 'bob' });
@@ -55,11 +61,11 @@ const retrySendMessageMock = jest.fn();
 const removeMessageMock = jest.fn();
 
 async function renderMessageSimple({
-  message,
-  props = {},
-  channelConfigOverrides = { replies: true },
   channelCapabilities = { 'send-reaction': true },
+  channelConfigOverrides = { replies: true },
   components = {},
+  message,
+  props = {},
   renderer = render,
 }) {
   const channel = generateChannel({
@@ -85,7 +91,7 @@ async function renderMessageSimple({
             <ComponentProvider
               value={{
                 Attachment: AttachmentMock,
-                // eslint-disable-next-line react/display-name
+
                 Message: () => <MessageSimple {...props} />,
                 reactionOptions: defaultReactionOptions,
                 ...components,
@@ -135,7 +141,9 @@ describe('<MessageSimple />', () => {
     const deletedMessage = generateAliceMessage({
       deleted_at: new Date('2019-12-17T03:24:00'),
     });
-    const { container, getByTestId } = await renderMessageSimple({ message: deletedMessage });
+    const { container, getByTestId } = await renderMessageSimple({
+      message: deletedMessage,
+    });
     expect(getByTestId('message-deleted-component')).toBeInTheDocument();
     const results = await axe(container);
     expect(results).toHaveNoViolations();
@@ -145,7 +153,9 @@ describe('<MessageSimple />', () => {
     const deletedMessage = generateAliceMessage({
       deleted_at: new Date('2019-12-25T03:24:00'),
     });
-    const CustomMessageDeletedComponent = () => <p data-testid='custom-message-deleted'>Gone!</p>;
+    const CustomMessageDeletedComponent = () => (
+      <p data-testid='custom-message-deleted'>Gone!</p>
+    );
     const { container, getByTestId } = await renderMessageSimple({
       components: {
         MessageDeleted: CustomMessageDeletedComponent,
@@ -175,7 +185,9 @@ describe('<MessageSimple />', () => {
 
   it('should render message with custom replies count button when one is given', async () => {
     const message = generateAliceMessage({ reply_count: 1 });
-    const CustomRepliesCount = () => <div data-testid='custom-message-replies-count'>Replies</div>;
+    const CustomRepliesCount = () => (
+      <div data-testid='custom-message-replies-count'>Replies</div>
+    );
     const { container, getByTestId } = await renderMessageSimple({
       components: {
         MessageRepliesCountButton: CustomRepliesCount,
@@ -342,7 +354,10 @@ describe('<MessageSimple />', () => {
   });
 
   it('should keep rendering the "received" status for already read message that was updated', async () => {
-    const message = generateAliceMessage({ created_at: new Date('1970-1-2'), status: 'received' });
+    const message = generateAliceMessage({
+      created_at: new Date('1970-1-2'),
+      status: 'received',
+    });
     const returnAllReadData = false;
     const read = {
       [bob.id]: {
@@ -379,7 +394,10 @@ describe('<MessageSimple />', () => {
   });
 
   it('should keep rendering the "read by" status for already read message that was updated', async () => {
-    const message = generateAliceMessage({ created_at: new Date('1970-2-1'), status: 'received' });
+    const message = generateAliceMessage({
+      created_at: new Date('1970-2-1'),
+      status: 'received',
+    });
     const returnAllReadData = false;
     const read = {
       [bob.id]: {
@@ -500,7 +518,7 @@ describe('<MessageSimple />', () => {
         handleOpenThread: jest.fn(),
       },
     });
-    // eslint-disable-next-line jest/prefer-called-with
+
     expect(MessageOptionsMock).toHaveBeenCalled();
     const results = await axe(container);
     expect(results).toHaveNoViolations();
@@ -556,7 +574,7 @@ describe('<MessageSimple />', () => {
         unsafeHTML,
       },
     });
-    // eslint-disable-next-line jest/prefer-called-with
+
     expect(MessageTextMock).toHaveBeenCalled();
     const results = await axe(container);
     expect(results).toHaveNoViolations();
@@ -727,7 +745,9 @@ describe('<MessageSimple />', () => {
 
     it('should use overriden modal content text', async () => {
       const message = generateAliceMessage(bouncedMessageOptions);
-      const CustomMessageBouncePrompt = () => <MessageBouncePrompt>Overriden</MessageBouncePrompt>;
+      const CustomMessageBouncePrompt = () => (
+        <MessageBouncePrompt>Overriden</MessageBouncePrompt>
+      );
       const { getByTestId, queryByText } = await renderMessageSimple({
         components: {
           MessageBouncePrompt: CustomMessageBouncePrompt,
diff --git a/src/components/Message/__tests__/MessageStatus.test.js b/src/components/Message/__tests__/MessageStatus.test.js
index 2bb054df9d..bede4bbfee 100644
--- a/src/components/Message/__tests__/MessageStatus.test.js
+++ b/src/components/Message/__tests__/MessageStatus.test.js
@@ -9,7 +9,11 @@ import {
   TranslationProvider,
 } from '../../../context';
 import { MessageStatus } from '../MessageStatus';
-import { generateMessage, generateUser, getTestClientWithUser } from '../../../mock-builders';
+import {
+  generateMessage,
+  generateUser,
+  getTestClientWithUser,
+} from '../../../mock-builders';
 
 const MESSAGE_STATUS_SENDING_TEST_ID = 'message-status-sending';
 const MESSAGE_STATUS_DELIVERED_TEST_ID = 'message-status-received';
@@ -244,7 +248,9 @@ describe('MessageStatus', () => {
       chatCtx: { client },
       messageCtx: { message: ownMessage, readBy: [user] },
     });
-    expect(screen.queryByTestId(MESSAGE_STATUS_READ_COUNT_TEST_ID)).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(MESSAGE_STATUS_READ_COUNT_TEST_ID),
+    ).not.toBeInTheDocument();
   });
 
   it('does not render count if read by 1 other user', async () => {
@@ -253,7 +259,9 @@ describe('MessageStatus', () => {
       chatCtx: { client },
       messageCtx: { message: ownMessage, readBy: [generateUser()] },
     });
-    expect(screen.queryByTestId(MESSAGE_STATUS_READ_COUNT_TEST_ID)).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(MESSAGE_STATUS_READ_COUNT_TEST_ID),
+    ).not.toBeInTheDocument();
   });
 
   it('renders count if read by 2 other users', async () => {
diff --git a/src/components/Message/__tests__/MessageText.test.js b/src/components/Message/__tests__/MessageText.test.js
index 331ebb505e..a049f918b3 100644
--- a/src/components/Message/__tests__/MessageText.test.js
+++ b/src/components/Message/__tests__/MessageText.test.js
@@ -52,9 +52,9 @@ function generateAliceMessage(messageOptions) {
 }
 
 async function renderMessageText({
-  customProps = {},
-  channelConfigOverrides = {},
   channelCapabilitiesOverrides = {},
+  channelConfigOverrides = {},
+  customProps = {},
 } = {}) {
   const client = await getTestClientWithUser(alice);
   const channel = generateChannel({
@@ -69,7 +69,10 @@ async function renderMessageText({
     <ChatProvider value={{ client }}>
       <ChannelStateProvider value={{ channel, channelCapabilities, channelConfig }}>
         <ChannelActionProvider
-          value={{ onMentionsClick: onMentionsClickMock, onMentionsHover: onMentionsHoverMock }}
+          value={{
+            onMentionsClick: onMentionsClickMock,
+            onMentionsHover: onMentionsHoverMock,
+          }}
         >
           <TranslationProvider
             value={{
@@ -81,7 +84,7 @@ async function renderMessageText({
             <ComponentProvider
               value={{
                 Attachment,
-                // eslint-disable-next-line react/display-name
+
                 Message: () => <MessageSimple channelConfig={channelConfig} />,
                 reactionOptions: defaultReactionOptions,
               }}
@@ -127,7 +130,9 @@ describe('<MessageText />', () => {
     const message = generateAliceMessage({
       attachments: [attachment, attachment, attachment],
     });
-    const { container, getByTestId } = await renderMessageText({ customProps: { message } });
+    const { container, getByTestId } = await renderMessageText({
+      customProps: { message },
+    });
     expect(getByTestId(messageTextTestId)).toHaveClass(
       'str-chat__message-simple-text-inner--has-attachment',
     );
@@ -137,7 +142,9 @@ describe('<MessageText />', () => {
 
   it('should set emoji css class when message has text that is only emojis', async () => {
     const message = generateAliceMessage({ text: '🤖🤖🤖🤖' });
-    const { container, getByTestId } = await renderMessageText({ customProps: { message } });
+    const { container, getByTestId } = await renderMessageText({
+      customProps: { message },
+    });
     expect(getByTestId(messageTextTestId)).toHaveClass(
       'str-chat__message-simple-text-inner--is-emoji',
     );
@@ -177,7 +184,9 @@ describe('<MessageText />', () => {
 
   it('should inform that message was not sent when message is has type "error"', async () => {
     const message = generateAliceMessage({ type: 'error' });
-    const { container, getByText } = await renderMessageText({ customProps: { message } });
+    const { container, getByText } = await renderMessageText({
+      customProps: { message },
+    });
     expect(getByText('Error · Unsent')).toBeInTheDocument();
     const results = await axe(container);
     expect(results).toHaveNoViolations();
@@ -185,7 +194,9 @@ describe('<MessageText />', () => {
 
   it('should inform that retry is possible when message has status "failed"', async () => {
     const message = generateAliceMessage({ status: 'failed' });
-    const { container, getByText } = await renderMessageText({ customProps: { message } });
+    const { container, getByText } = await renderMessageText({
+      customProps: { message },
+    });
     expect(getByText('Message Failed · Click to try again')).toBeInTheDocument();
     const results = await axe(container);
     expect(results).toHaveNoViolations();
@@ -209,7 +220,9 @@ describe('<MessageText />', () => {
   it('render message text', async () => {
     const text = 'Hello, world!';
     const message = generateAliceMessage({ text });
-    const { container, getByText } = await renderMessageText({ customProps: { message } });
+    const { container, getByText } = await renderMessageText({
+      customProps: { message },
+    });
     expect(getByText(text)).toBeInTheDocument();
     const results = await axe(container);
     expect(results).toHaveNoViolations();
@@ -222,7 +235,9 @@ describe('<MessageText />', () => {
       text,
     });
 
-    const { container, getByText } = await renderMessageText({ customProps: { message } });
+    const { container, getByText } = await renderMessageText({
+      customProps: { message },
+    });
 
     expect(getByText('hello')).toBeInTheDocument();
     const results = await axe(container);
@@ -282,7 +297,7 @@ describe('<MessageText />', () => {
         },
       },
     });
-    // eslint-disable-next-line jest/prefer-called-with
+
     expect(MessageOptionsMock).toHaveBeenCalled();
     const results = await axe(container);
     expect(results).toHaveNoViolations();
diff --git a/src/components/Message/__tests__/MessageTimestamp.test.js b/src/components/Message/__tests__/MessageTimestamp.test.js
index abb18828cf..200a44a8bc 100644
--- a/src/components/Message/__tests__/MessageTimestamp.test.js
+++ b/src/components/Message/__tests__/MessageTimestamp.test.js
@@ -121,7 +121,8 @@ describe('<MessageTimestamp />', () => {
       chatProps: {
         i18nInstance: new Streami18n({
           translationsForLanguage: {
-            'timestamp/MessageTimestamp': '{{ timestamp | timestampFormatter(calendar: false) }}',
+            'timestamp/MessageTimestamp':
+              '{{ timestamp | timestampFormatter(calendar: false) }}',
           },
         }),
       },
@@ -134,7 +135,8 @@ describe('<MessageTimestamp />', () => {
       chatProps: {
         i18nInstance: new Streami18n({
           translationsForLanguage: {
-            'timestamp/MessageTimestamp': '{{ timestamp | timestampFormatter(format: h:mmA) }}',
+            'timestamp/MessageTimestamp':
+              '{{ timestamp | timestampFormatter(format: h:mmA) }}',
           },
         }),
       },
@@ -154,7 +156,8 @@ describe('<MessageTimestamp />', () => {
       chatProps: {
         i18nInstance: new Streami18n({
           translationsForLanguage: {
-            'timestamp/MessageTimestamp': '{{ timestamp | timestampFormatter(format: h:mmA) }}',
+            'timestamp/MessageTimestamp':
+              '{{ timestamp | timestampFormatter(format: h:mmA) }}',
           },
         }),
       },
@@ -168,7 +171,8 @@ describe('<MessageTimestamp />', () => {
       chatProps: {
         i18nInstance: new Streami18n({
           translationsForLanguage: {
-            'timestamp/MessageTimestamp': '{{ timestamp | timestampFormatter(calendar: false) }}',
+            'timestamp/MessageTimestamp':
+              '{{ timestamp | timestampFormatter(calendar: false) }}',
           },
         }),
       },
@@ -189,7 +193,8 @@ describe('<MessageTimestamp />', () => {
       chatProps: {
         i18nInstance: new Streami18n({
           translationsForLanguage: {
-            'timestamp/MessageTimestamp': '{{ timestamp | timestampFormatter(format: h:mmA) }}',
+            'timestamp/MessageTimestamp':
+              '{{ timestamp | timestampFormatter(format: h:mmA) }}',
           },
         }),
       },
diff --git a/src/components/Message/__tests__/utils.test.js b/src/components/Message/__tests__/utils.test.js
index dd4795a504..cf6b7d9ee9 100644
--- a/src/components/Message/__tests__/utils.test.js
+++ b/src/components/Message/__tests__/utils.test.js
@@ -94,10 +94,13 @@ describe('Message utils', () => {
     it.each([
       ['empty', []],
       ['false', false],
-    ])('should return no message actions if message actions are %s', (_, messageActions) => {
-      const result = getMessageActions(messageActions, defaultCapabilities);
-      expect(result).toStrictEqual([]);
-    });
+    ])(
+      'should return no message actions if message actions are %s',
+      (_, messageActions) => {
+        const result = getMessageActions(messageActions, defaultCapabilities);
+        expect(result).toStrictEqual([]);
+      },
+    );
 
     it('should return all message actions if actions are set to true', () => {
       const result = getMessageActions(true, defaultCapabilities);
@@ -447,7 +450,9 @@ describe('Message utils', () => {
       expect(result).toStrictEqual(`1, 2, and 3`);
     });
     it('returns "1, 2, 3, 4, 5 and 5 more if read by ten users', () => {
-      const users = [...Array(10).keys()].map((n) => generateUser({ name: (n + 1).toString() }));
+      const users = [...Array(10).keys()].map((n) =>
+        generateUser({ name: (n + 1).toString() }),
+      );
       const result = getReadByTooltipText(
         users,
         mockTranslatorFunction,
@@ -472,7 +477,9 @@ describe('Message utils', () => {
       );
     });
     it('throws error if no tooltipUserNameMapper function provided', () => {
-      expect(() => getReadByTooltipText([], mockTranslatorFunction, client, undefined)).toThrow(
+      expect(() =>
+        getReadByTooltipText([], mockTranslatorFunction, client, undefined),
+      ).toThrow(
         'getReadByTooltipText was called, but tooltipUserNameMapper function is not available',
       );
     });
diff --git a/src/components/Message/hooks/__tests__/useEditHandler.test.js b/src/components/Message/hooks/__tests__/useEditHandler.test.js
index 9a60e8414b..3a238d447b 100644
--- a/src/components/Message/hooks/__tests__/useEditHandler.test.js
+++ b/src/components/Message/hooks/__tests__/useEditHandler.test.js
@@ -66,7 +66,11 @@ describe('useEditHandler custom hook', () => {
 
   it('should call the custom clear editing handler when one is set', () => {
     const customClearEditingHandler = jest.fn();
-    const renderedHook = renderUseEditHandler(undefined, undefined, customClearEditingHandler);
+    const renderedHook = renderUseEditHandler(
+      undefined,
+      undefined,
+      customClearEditingHandler,
+    );
     expect(customClearEditingHandler).not.toHaveBeenCalled();
     act(() => renderedHook.current.clearEdit(mouseEventMock));
     expect(customClearEditingHandler).toHaveBeenCalledWith(mouseEventMock);
diff --git a/src/components/Message/hooks/__tests__/useFlagHandler.test.js b/src/components/Message/hooks/__tests__/useFlagHandler.test.js
index 8e91ff81b3..ac8b688429 100644
--- a/src/components/Message/hooks/__tests__/useFlagHandler.test.js
+++ b/src/components/Message/hooks/__tests__/useFlagHandler.test.js
@@ -38,7 +38,9 @@ async function renderUseHandleFlagHook(
       </ChannelStateProvider>
     </ChatProvider>
   );
-  const { result } = renderHook(() => useFlagHandler(message, notificationOpts), { wrapper });
+  const { result } = renderHook(() => useFlagHandler(message, notificationOpts), {
+    wrapper,
+  });
   return result.current;
 }
 describe('useHandleFlag custom hook', () => {
diff --git a/src/components/Message/hooks/__tests__/useMuteHandler.test.js b/src/components/Message/hooks/__tests__/useMuteHandler.test.js
index e03de5360b..194cccb5ce 100644
--- a/src/components/Message/hooks/__tests__/useMuteHandler.test.js
+++ b/src/components/Message/hooks/__tests__/useMuteHandler.test.js
@@ -43,7 +43,9 @@ async function renderUseHandleMuteHook(
     </ChatProvider>
   );
 
-  const { result } = renderHook(() => useMuteHandler(message, notificationOpts), { wrapper });
+  const { result } = renderHook(() => useMuteHandler(message, notificationOpts), {
+    wrapper,
+  });
   return result.current;
 }
 
diff --git a/src/components/Message/hooks/__tests__/useOpenThreadHandler.test.js b/src/components/Message/hooks/__tests__/useOpenThreadHandler.test.js
index 84af38d42b..b6050529ca 100644
--- a/src/components/Message/hooks/__tests__/useOpenThreadHandler.test.js
+++ b/src/components/Message/hooks/__tests__/useOpenThreadHandler.test.js
@@ -11,7 +11,10 @@ const mouseEventMock = {
   preventDefault: jest.fn(() => {}),
 };
 
-function renderUseOpenThreadHandlerHook(message = generateMessage(), openThread = openThreadMock) {
+function renderUseOpenThreadHandlerHook(
+  message = generateMessage(),
+  openThread = openThreadMock,
+) {
   const wrapper = ({ children }) => (
     <ChannelActionProvider value={{ openThread }}>{children}</ChannelActionProvider>
   );
diff --git a/src/components/Message/hooks/__tests__/useReactionHandler.test.js b/src/components/Message/hooks/__tests__/useReactionHandler.test.js
index 8bdf1dcdf4..c7fbca99a7 100644
--- a/src/components/Message/hooks/__tests__/useReactionHandler.test.js
+++ b/src/components/Message/hooks/__tests__/useReactionHandler.test.js
@@ -47,7 +47,9 @@ async function renderUseReactionHandlerHook(params = {}) {
           ...channelStateContextOverrides,
         }}
       >
-        <ChannelActionProvider value={{ updateMessage }}>{children}</ChannelActionProvider>
+        <ChannelActionProvider value={{ updateMessage }}>
+          {children}
+        </ChannelActionProvider>
       </ChannelStateProvider>
     </ChatProvider>
   );
diff --git a/src/components/Message/hooks/__tests__/useReactionsFetcher.js b/src/components/Message/hooks/__tests__/useReactionsFetcher.js
index 6cffe3e07c..45990e46ac 100644
--- a/src/components/Message/hooks/__tests__/useReactionsFetcher.js
+++ b/src/components/Message/hooks/__tests__/useReactionsFetcher.js
@@ -3,19 +3,28 @@ import React from 'react';
 
 import { ChannelStateProvider } from '../../../../context/ChannelStateContext';
 import { ChatProvider } from '../../../../context/ChatContext';
-import { generateChannel, generateMessage, getTestClient } from '../../../../mock-builders';
+import {
+  generateChannel,
+  generateMessage,
+  getTestClient,
+} from '../../../../mock-builders';
 import { useReactionsFetcher } from '../useReactionsFetcher';
 
 function renderUseReactionsFetcherHook(client = getTestClient(), notificationOpts) {
   const wrapper = ({ children }) => (
     <ChatProvider value={{ client }}>
-      <ChannelStateProvider value={{ channel: generateChannel() }}>{children}</ChannelStateProvider>
+      <ChannelStateProvider value={{ channel: generateChannel() }}>
+        {children}
+      </ChannelStateProvider>
     </ChatProvider>
   );
 
-  const { result } = renderHook(() => useReactionsFetcher(generateMessage(), notificationOpts), {
-    wrapper,
-  });
+  const { result } = renderHook(
+    () => useReactionsFetcher(generateMessage(), notificationOpts),
+    {
+      wrapper,
+    },
+  );
   return result.current;
 }
 
diff --git a/src/components/Message/hooks/__tests__/useUserRole.test.js b/src/components/Message/hooks/__tests__/useUserRole.test.js
index 7d2aebc02b..917005f12b 100644
--- a/src/components/Message/hooks/__tests__/useUserRole.test.js
+++ b/src/components/Message/hooks/__tests__/useUserRole.test.js
@@ -67,7 +67,9 @@ describe('useUserRole custom hook', () => {
   ])('should tell if user is admin when user has %s role', async (role, expected) => {
     const adminUser = generateUser({ role });
     const clientMock = await getTestClientWithUser(adminUser);
-    const { isAdmin } = await renderUserRoleHook({ clientContextValue: { client: clientMock } });
+    const { isAdmin } = await renderUserRoleHook({
+      clientContextValue: { client: clientMock },
+    });
     expect(isAdmin).toBe(expected);
   });
 
@@ -185,25 +187,28 @@ describe('useUserRole custom hook', () => {
     ['moderator', true],
     ['channel_moderator', true],
     ['owner', false],
-  ])('should allow user to edit or delete message if user role is %s', async (role, expected) => {
-    const { canDelete, canEdit } = await renderUserRoleHook({
-      channelProps: {
-        state: {
-          membership: {
-            role,
+  ])(
+    'should allow user to edit or delete message if user role is %s',
+    async (role, expected) => {
+      const { canDelete, canEdit } = await renderUserRoleHook({
+        channelProps: {
+          state: {
+            membership: {
+              role,
+            },
           },
         },
-      },
-      channelStateContextValue: {
-        channelCapabilities: {
-          'delete-any-message': expected,
-          'update-any-message': expected,
+        channelStateContextValue: {
+          channelCapabilities: {
+            'delete-any-message': expected,
+            'update-any-message': expected,
+          },
         },
-      },
-    });
-    expect(canEdit).toBe(expected);
-    expect(canDelete).toBe(expected);
-  });
+      });
+      expect(canEdit).toBe(expected);
+      expect(canDelete).toBe(expected);
+    },
+  );
 
   describe('canDo flags', () => {
     it.each([
@@ -278,36 +283,42 @@ describe('useUserRole custom hook', () => {
       [true, bob, true],
       [false, alice, false],
       [false, bob, false],
-    ])('determine flag message permission', async (flagMessagePerm, messageAuthor, expected) => {
-      const message = generateMessage({ user: messageAuthor });
-      const { canFlag } = await renderUserRoleHook({
-        channelStateContextValue: {
-          channelCapabilities: {
-            'flag-message': flagMessagePerm,
+    ])(
+      'determine flag message permission',
+      async (flagMessagePerm, messageAuthor, expected) => {
+        const message = generateMessage({ user: messageAuthor });
+        const { canFlag } = await renderUserRoleHook({
+          channelStateContextValue: {
+            channelCapabilities: {
+              'flag-message': flagMessagePerm,
+            },
           },
-        },
-        message,
-      });
-      expect(canFlag).toBe(expected);
-    });
+          message,
+        });
+        expect(canFlag).toBe(expected);
+      },
+    );
 
     it.each([
       [true, alice, false],
       [true, bob, true],
       [false, alice, false],
       [false, bob, false],
-    ])('determine mute channel permission', async (muteChannelPerm, messageAuthor, expected) => {
-      const message = generateMessage({ user: messageAuthor });
-      const { canMute } = await renderUserRoleHook({
-        channelStateContextValue: {
-          channelCapabilities: {
-            'mute-channel': muteChannelPerm,
+    ])(
+      'determine mute channel permission',
+      async (muteChannelPerm, messageAuthor, expected) => {
+        const message = generateMessage({ user: messageAuthor });
+        const { canMute } = await renderUserRoleHook({
+          channelStateContextValue: {
+            channelCapabilities: {
+              'mute-channel': muteChannelPerm,
+            },
           },
-        },
-        message,
-      });
-      expect(canMute).toBe(expected);
-    });
+          message,
+        });
+        expect(canMute).toBe(expected);
+      },
+    );
 
     it.each([
       [true, true, false],
diff --git a/src/components/Message/hooks/__tests__/userMarkUnreadHandler.test.js b/src/components/Message/hooks/__tests__/userMarkUnreadHandler.test.js
index 64c128896c..9cee1468a9 100644
--- a/src/components/Message/hooks/__tests__/userMarkUnreadHandler.test.js
+++ b/src/components/Message/hooks/__tests__/userMarkUnreadHandler.test.js
@@ -30,7 +30,9 @@ function renderUseMarkUnreadHandlerHook({ message, notifications } = {}) {
       </ChannelStateProvider>
     </TranslationProvider>
   );
-  const { result } = renderHook(() => useMarkUnreadHandler(message, notifications), { wrapper });
+  const { result } = renderHook(() => useMarkUnreadHandler(message, notifications), {
+    wrapper,
+  });
   return result.current;
 }
 describe('useMarkUnreadHandler', () => {
@@ -77,7 +79,10 @@ describe('useMarkUnreadHandler', () => {
       notifications: notificationsWithSuccess,
     });
     await handleMarkUnread(event);
-    expect(notificationsWithSuccess.notify).toHaveBeenCalledWith(customSuccessString, 'success');
+    expect(notificationsWithSuccess.notify).toHaveBeenCalledWith(
+      customSuccessString,
+      'success',
+    );
   });
 
   it('registers the default error notification if getErrorNotification is missing', async () => {
@@ -103,7 +108,10 @@ describe('useMarkUnreadHandler', () => {
       notifications: notificationsWithError,
     });
     await handleMarkUnread(event);
-    expect(notificationsWithError.notify).toHaveBeenCalledWith(customErrorString, 'error');
+    expect(notificationsWithError.notify).toHaveBeenCalledWith(
+      customErrorString,
+      'error',
+    );
   });
 
   it('does not register the custom error notification if available getErrorNotification does not generate one', async () => {
diff --git a/src/components/Message/hooks/useActionHandler.ts b/src/components/Message/hooks/useActionHandler.ts
index 2ac1298902..12c7718468 100644
--- a/src/components/Message/hooks/useActionHandler.ts
+++ b/src/components/Message/hooks/useActionHandler.ts
@@ -1,5 +1,8 @@
 import { useChannelActionContext } from '../../../context/ChannelActionContext';
-import { StreamMessage, useChannelStateContext } from '../../../context/ChannelStateContext';
+import {
+  StreamMessage,
+  useChannelStateContext,
+} from '../../../context/ChannelStateContext';
 
 import type React from 'react';
 
@@ -17,11 +20,10 @@ export const handleActionWarning = `Action handler was called, but it is missing
 Make sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.`;
 
 export function useActionHandler<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(message?: StreamMessage<StreamChatGenerics>): ActionHandlerReturnType {
-  const { removeMessage, updateMessage } = useChannelActionContext<StreamChatGenerics>(
-    'useActionHandler',
-  );
+  const { removeMessage, updateMessage } =
+    useChannelActionContext<StreamChatGenerics>('useActionHandler');
   const { channel } = useChannelStateContext<StreamChatGenerics>('useActionHandler');
 
   return async (dataOrName, value, event) => {
diff --git a/src/components/Message/hooks/useDeleteHandler.ts b/src/components/Message/hooks/useDeleteHandler.ts
index 69a21158de..bcda02b230 100644
--- a/src/components/Message/hooks/useDeleteHandler.ts
+++ b/src/components/Message/hooks/useDeleteHandler.ts
@@ -11,23 +11,22 @@ import type { StreamMessage } from '../../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export type DeleteMessageNotifications<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   getErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
   notify?: (notificationText: string, type: 'success' | 'error') => void;
 };
 
 export const useDeleteHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: StreamMessage<StreamChatGenerics>,
   notifications: DeleteMessageNotifications<StreamChatGenerics> = {},
 ): ReactEventHandler => {
   const { getErrorNotification, notify } = notifications;
 
-  const { deleteMessage, updateMessage } = useChannelActionContext<StreamChatGenerics>(
-    'useDeleteHandler',
-  );
+  const { deleteMessage, updateMessage } =
+    useChannelActionContext<StreamChatGenerics>('useDeleteHandler');
   const { client } = useChatContext<StreamChatGenerics>('useDeleteHandler');
   const { t } = useTranslationContext('useDeleteHandler');
 
diff --git a/src/components/Message/hooks/useFlagHandler.ts b/src/components/Message/hooks/useFlagHandler.ts
index f4ba463c7a..c88da6f4f7 100644
--- a/src/components/Message/hooks/useFlagHandler.ts
+++ b/src/components/Message/hooks/useFlagHandler.ts
@@ -13,7 +13,7 @@ export const missingUseFlagHandlerParameterWarning =
   'useFlagHandler was called but it is missing one or more necessary parameters.';
 
 export type FlagMessageNotifications<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   getErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
   getSuccessNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
@@ -21,7 +21,7 @@ export type FlagMessageNotifications<
 };
 
 export const useFlagHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: StreamMessage<StreamChatGenerics>,
   notifications: FlagMessageNotifications<StreamChatGenerics> = {},
@@ -47,7 +47,8 @@ export const useFlagHandler = <
       await client.flagMessage(message.id);
 
       const successMessage =
-        getSuccessNotification && validateAndGetMessage(getSuccessNotification, [message]);
+        getSuccessNotification &&
+        validateAndGetMessage(getSuccessNotification, [message]);
 
       notify(successMessage || t('Message has been successfully flagged'), 'success');
     } catch (e) {
diff --git a/src/components/Message/hooks/useMarkUnreadHandler.ts b/src/components/Message/hooks/useMarkUnreadHandler.ts
index 943187efaa..47e06aa596 100644
--- a/src/components/Message/hooks/useMarkUnreadHandler.ts
+++ b/src/components/Message/hooks/useMarkUnreadHandler.ts
@@ -6,7 +6,7 @@ import type { ReactEventHandler } from '../types';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export type MarkUnreadHandlerNotifications<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   getErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
   getSuccessNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
@@ -14,7 +14,7 @@ export type MarkUnreadHandlerNotifications<
 };
 
 export const useMarkUnreadHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: StreamMessage<StreamChatGenerics>,
   notifications: MarkUnreadHandlerNotifications<StreamChatGenerics> = {},
@@ -35,7 +35,8 @@ export const useMarkUnreadHandler = <
       await channel.markUnread({ message_id: message.id });
       if (!notify) return;
       const successMessage =
-        getSuccessNotification && validateAndGetMessage(getSuccessNotification, [message]);
+        getSuccessNotification &&
+        validateAndGetMessage(getSuccessNotification, [message]);
       if (successMessage) notify(successMessage, 'success');
     } catch (e) {
       if (!notify) return;
diff --git a/src/components/Message/hooks/useMentionsHandler.ts b/src/components/Message/hooks/useMentionsHandler.ts
index 37ad0879e9..de2b7cc0f3 100644
--- a/src/components/Message/hooks/useMentionsHandler.ts
+++ b/src/components/Message/hooks/useMentionsHandler.ts
@@ -10,15 +10,21 @@ import type { StreamMessage } from '../../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export type CustomMentionHandler<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
-> = (event: React.BaseSyntheticEvent, mentioned_users: UserResponse<StreamChatGenerics>[]) => void;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = (
+  event: React.BaseSyntheticEvent,
+  mentioned_users: UserResponse<StreamChatGenerics>[],
+) => void;
 
 export type MentionedUserEventHandler<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
-> = (event: React.BaseSyntheticEvent, mentionedUsers: UserResponse<StreamChatGenerics>[]) => void;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = (
+  event: React.BaseSyntheticEvent,
+  mentionedUsers: UserResponse<StreamChatGenerics>[],
+) => void;
 
 function createEventHandler<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   fn?: CustomMentionHandler<StreamChatGenerics>,
   message?: StreamMessage<StreamChatGenerics>,
@@ -32,7 +38,7 @@ function createEventHandler<
 }
 
 export const useMentionsHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: StreamMessage<StreamChatGenerics>,
   customMentionHandler?: {
diff --git a/src/components/Message/hooks/useMessageTextStreaming.ts b/src/components/Message/hooks/useMessageTextStreaming.ts
index d791988c92..0d0f501480 100644
--- a/src/components/Message/hooks/useMessageTextStreaming.ts
+++ b/src/components/Message/hooks/useMessageTextStreaming.ts
@@ -4,7 +4,7 @@ import type { DefaultStreamChatGenerics } from '../../../types/types';
 import type { StreamedMessageTextProps } from '../StreamedMessageText';
 
 export type UseMessageTextStreamingProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<
   StreamedMessageTextProps<StreamChatGenerics>,
   'streamingLetterIntervalMs' | 'renderingLetterCount'
@@ -22,10 +22,10 @@ const DEFAULT_RENDERING_LETTER_COUNT = 2;
  * @returns {{ streamedMessageText: string }} - A substring of the text property, up until we've finished rendering the typewriter animation.
  */
 export const useMessageTextStreaming = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
-  streamingLetterIntervalMs = DEFAULT_LETTER_INTERVAL,
   renderingLetterCount = DEFAULT_RENDERING_LETTER_COUNT,
+  streamingLetterIntervalMs = DEFAULT_LETTER_INTERVAL,
   text,
 }: UseMessageTextStreamingProps<StreamChatGenerics>): { streamedMessageText: string } => {
   const [streamedMessageText, setStreamedMessageText] = useState<string>(text);
diff --git a/src/components/Message/hooks/useMuteHandler.ts b/src/components/Message/hooks/useMuteHandler.ts
index 1e4949e1ac..4726d546fa 100644
--- a/src/components/Message/hooks/useMuteHandler.ts
+++ b/src/components/Message/hooks/useMuteHandler.ts
@@ -1,6 +1,9 @@
 import { isUserMuted, validateAndGetMessage } from '../utils';
 
-import { StreamMessage, useChannelStateContext } from '../../../context/ChannelStateContext';
+import {
+  StreamMessage,
+  useChannelStateContext,
+} from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 import { useTranslationContext } from '../../../context/TranslationContext';
 
@@ -14,7 +17,7 @@ export const missingUseMuteHandlerParamsWarning =
   'useMuteHandler was called but it is missing one or more necessary parameter.';
 
 export type MuteUserNotifications<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   getErrorNotification?: (user: UserResponse<StreamChatGenerics>) => string;
   getSuccessNotification?: (user: UserResponse<StreamChatGenerics>) => string;
@@ -22,7 +25,7 @@ export type MuteUserNotifications<
 };
 
 export const useMuteHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: StreamMessage<StreamChatGenerics>,
   notifications: MuteUserNotifications<StreamChatGenerics> = {},
@@ -46,7 +49,8 @@ export const useMuteHandler = <
         await client.muteUser(message.user.id);
 
         const successMessage =
-          getSuccessNotification && validateAndGetMessage(getSuccessNotification, [message.user]);
+          getSuccessNotification &&
+          validateAndGetMessage(getSuccessNotification, [message.user]);
 
         notify(
           successMessage ||
@@ -57,7 +61,8 @@ export const useMuteHandler = <
         );
       } catch (e) {
         const errorMessage =
-          getErrorNotification && validateAndGetMessage(getErrorNotification, [message.user]);
+          getErrorNotification &&
+          validateAndGetMessage(getErrorNotification, [message.user]);
 
         notify(errorMessage || t('Error muting a user ...'), 'error');
       }
@@ -79,7 +84,8 @@ export const useMuteHandler = <
         }
       } catch (e) {
         const errorMessage =
-          (getErrorNotification && validateAndGetMessage(getErrorNotification, [message.user])) ||
+          (getErrorNotification &&
+            validateAndGetMessage(getErrorNotification, [message.user])) ||
           t('Error unmuting a user ...');
 
         if (typeof errorMessage === 'string') {
diff --git a/src/components/Message/hooks/useOpenThreadHandler.ts b/src/components/Message/hooks/useOpenThreadHandler.ts
index b697300b1d..fbb982553f 100644
--- a/src/components/Message/hooks/useOpenThreadHandler.ts
+++ b/src/components/Message/hooks/useOpenThreadHandler.ts
@@ -7,7 +7,7 @@ import type { StreamMessage } from '../../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useOpenThreadHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: StreamMessage<StreamChatGenerics>,
   customOpenThread?: (
@@ -15,15 +15,16 @@ export const useOpenThreadHandler = <
     event: React.BaseSyntheticEvent,
   ) => void,
 ): ReactEventHandler => {
-  const { openThread: channelOpenThread } = useChannelActionContext<StreamChatGenerics>(
-    'useOpenThreadHandler',
-  );
+  const { openThread: channelOpenThread } =
+    useChannelActionContext<StreamChatGenerics>('useOpenThreadHandler');
 
   const openThread = customOpenThread || channelOpenThread;
 
   return (event) => {
     if (!openThread || !message) {
-      console.warn('Open thread handler was called but it is missing one of its parameters');
+      console.warn(
+        'Open thread handler was called but it is missing one of its parameters',
+      );
       return;
     }
 
diff --git a/src/components/Message/hooks/usePinHandler.ts b/src/components/Message/hooks/usePinHandler.ts
index b0db607b75..fe13927c9b 100644
--- a/src/components/Message/hooks/usePinHandler.ts
+++ b/src/components/Message/hooks/usePinHandler.ts
@@ -1,7 +1,10 @@
 import { defaultPinPermissions, validateAndGetMessage } from '../utils';
 
 import { useChannelActionContext } from '../../../context/ChannelActionContext';
-import { StreamMessage, useChannelStateContext } from '../../../context/ChannelStateContext';
+import {
+  StreamMessage,
+  useChannelStateContext,
+} from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 import { useTranslationContext } from '../../../context/TranslationContext';
 
@@ -10,7 +13,9 @@ import type { ReactEventHandler } from '../types';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
-export type PinEnabledUserRoles<T extends string = string> = Partial<Record<T, boolean>> & {
+export type PinEnabledUserRoles<T extends string = string> = Partial<
+  Record<T, boolean>
+> & {
   admin?: boolean;
   anonymous?: boolean;
   channel_member?: boolean;
@@ -23,9 +28,10 @@ export type PinEnabledUserRoles<T extends string = string> = Partial<Record<T, b
 };
 
 // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
-export type PinPermissions<T extends string = string, U extends string = string> = Partial<
-  Record<T, PinEnabledUserRoles<U>>
-> & {
+export type PinPermissions<
+  T extends string = string,
+  U extends string = string,
+> = Partial<Record<T, PinEnabledUserRoles<U>>> & {
   commerce?: PinEnabledUserRoles<U>;
   gaming?: PinEnabledUserRoles<U>;
   livestream?: PinEnabledUserRoles<U>;
@@ -34,14 +40,14 @@ export type PinPermissions<T extends string = string, U extends string = string>
 };
 
 export type PinMessageNotifications<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   getErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
   notify?: (notificationText: string, type: 'success' | 'error') => void;
 };
 
 export const usePinHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message: StreamMessage<StreamChatGenerics>,
   // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
@@ -51,7 +57,8 @@ export const usePinHandler = <
   const { getErrorNotification, notify } = notifications;
 
   const { updateMessage } = useChannelActionContext<StreamChatGenerics>('usePinHandler');
-  const { channelCapabilities = {} } = useChannelStateContext<StreamChatGenerics>('usePinHandler');
+  const { channelCapabilities = {} } =
+    useChannelStateContext<StreamChatGenerics>('usePinHandler');
   const { client } = useChatContext<StreamChatGenerics>('usePinHandler');
   const { t } = useTranslationContext('usePinHandler');
 
diff --git a/src/components/Message/hooks/useReactionHandler.ts b/src/components/Message/hooks/useReactionHandler.ts
index 271421342f..8696ce42be 100644
--- a/src/components/Message/hooks/useReactionHandler.ts
+++ b/src/components/Message/hooks/useReactionHandler.ts
@@ -2,7 +2,10 @@ import React, { useCallback } from 'react';
 import throttle from 'lodash.throttle';
 
 import { useChannelActionContext } from '../../../context/ChannelActionContext';
-import { StreamMessage, useChannelStateContext } from '../../../context/ChannelStateContext';
+import {
+  StreamMessage,
+  useChannelStateContext,
+} from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 
 import type { Reaction, ReactionResponse } from 'stream-chat';
@@ -15,15 +18,15 @@ export const reactionHandlerWarning = `Reaction handler was called, but it is mi
 Make sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.`;
 
 export const useReactionHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: StreamMessage<StreamChatGenerics>,
 ) => {
   const thread = useThreadContext();
-  const { updateMessage } = useChannelActionContext<StreamChatGenerics>('useReactionHandler');
-  const { channel, channelCapabilities } = useChannelStateContext<StreamChatGenerics>(
-    'useReactionHandler',
-  );
+  const { updateMessage } =
+    useChannelActionContext<StreamChatGenerics>('useReactionHandler');
+  const { channel, channelCapabilities } =
+    useChannelStateContext<StreamChatGenerics>('useReactionHandler');
   const { client } = useChatContext<StreamChatGenerics>('useReactionHandler');
 
   const createMessagePreview = useCallback(
@@ -39,7 +42,10 @@ export const useReactionHandler = <
       if (add) {
         const timestamp = new Date().toISOString();
         newReactionGroups[reactionType] = hasReaction
-          ? { ...newReactionGroups[reactionType], count: newReactionGroups[reactionType].count + 1 }
+          ? {
+              ...newReactionGroups[reactionType],
+              count: newReactionGroups[reactionType].count + 1,
+            }
           : {
               count: 1,
               first_reaction_at: timestamp,
@@ -89,12 +95,14 @@ export const useReactionHandler = <
   const toggleReaction = throttle(async (id: string, type: string, add: boolean) => {
     if (!message || !channelCapabilities['send-reaction']) return;
 
-    const newReaction = createReactionPreview(type) as ReactionResponse<StreamChatGenerics>;
+    const newReaction = createReactionPreview(
+      type,
+    ) as ReactionResponse<StreamChatGenerics>;
     const tempMessage = createMessagePreview(add, newReaction, message);
 
     try {
       updateMessage(tempMessage);
-      // @ts-expect-error
+      // @ts-expect-error message type mismatch
       thread?.upsertReplyLocally({ message: tempMessage });
 
       const messageResponse = add
@@ -106,7 +114,7 @@ export const useReactionHandler = <
     } catch (error) {
       // revert to the original message if the API call fails
       updateMessage(message);
-      // @ts-expect-error
+      // @ts-expect-error message type mismatch
       thread?.upsertReplyLocally({ message });
     }
   }, 1000);
@@ -120,13 +128,17 @@ export const useReactionHandler = <
       return console.warn(reactionHandlerWarning);
     }
 
-    let userExistingReaction = (null as unknown) as ReactionResponse<StreamChatGenerics>;
+    let userExistingReaction = null as unknown as ReactionResponse<StreamChatGenerics>;
 
     if (message.own_reactions) {
       message.own_reactions.forEach((reaction) => {
         // own user should only ever contain the current user id
         // just in case we check to prevent bugs with message updates from breaking reactions
-        if (reaction.user && client.userID === reaction.user.id && reaction.type === reactionType) {
+        if (
+          reaction.user &&
+          client.userID === reaction.user.id &&
+          reaction.type === reactionType
+        ) {
           userExistingReaction = reaction;
         } else if (reaction.user && client.userID !== reaction.user.id) {
           console.warn(
diff --git a/src/components/Message/hooks/useReactionsFetcher.ts b/src/components/Message/hooks/useReactionsFetcher.ts
index cbd50036cd..6dad0f1ed5 100644
--- a/src/components/Message/hooks/useReactionsFetcher.ts
+++ b/src/components/Message/hooks/useReactionsFetcher.ts
@@ -6,14 +6,14 @@ import { ReactionType } from '../../Reactions/types';
 export const MAX_MESSAGE_REACTIONS_TO_FETCH = 1000;
 
 type FetchMessageReactionsNotifications<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   getErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
   notify?: (notificationText: string, type: 'success' | 'error') => void;
 };
 
 export function useReactionsFetcher<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message: StreamMessage<StreamChatGenerics>,
   notifications: FetchMessageReactionsNotifications<StreamChatGenerics> = {},
@@ -37,7 +37,7 @@ export function useReactionsFetcher<
 }
 
 async function fetchMessageReactions<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   client: StreamChat<StreamChatGenerics>,
   messageId: string,
diff --git a/src/components/Message/hooks/useRetryHandler.ts b/src/components/Message/hooks/useRetryHandler.ts
index 1e370d5b79..fee5fc663a 100644
--- a/src/components/Message/hooks/useRetryHandler.ts
+++ b/src/components/Message/hooks/useRetryHandler.ts
@@ -1,15 +1,17 @@
-import { RetrySendMessage, useChannelActionContext } from '../../../context/ChannelActionContext';
+import {
+  RetrySendMessage,
+  useChannelActionContext,
+} from '../../../context/ChannelActionContext';
 
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useRetryHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   customRetrySendMessage?: RetrySendMessage<StreamChatGenerics>,
 ): RetrySendMessage<StreamChatGenerics> => {
-  const { retrySendMessage: contextRetrySendMessage } = useChannelActionContext<StreamChatGenerics>(
-    'useRetryHandler',
-  );
+  const { retrySendMessage: contextRetrySendMessage } =
+    useChannelActionContext<StreamChatGenerics>('useRetryHandler');
 
   const retrySendMessage = customRetrySendMessage || contextRetrySendMessage;
 
diff --git a/src/components/Message/hooks/useUserHandler.ts b/src/components/Message/hooks/useUserHandler.ts
index 5ed24b355a..debb5b2371 100644
--- a/src/components/Message/hooks/useUserHandler.ts
+++ b/src/components/Message/hooks/useUserHandler.ts
@@ -7,11 +7,11 @@ import type { StreamMessage } from '../../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export type UserEventHandler<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = (event: React.BaseSyntheticEvent, user: User<StreamChatGenerics>) => void;
 
 export const useUserHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: StreamMessage<StreamChatGenerics>,
   eventHandlers?: {
diff --git a/src/components/Message/hooks/useUserRole.ts b/src/components/Message/hooks/useUserRole.ts
index b4077b6d53..5497fb658c 100644
--- a/src/components/Message/hooks/useUserRole.ts
+++ b/src/components/Message/hooks/useUserRole.ts
@@ -1,25 +1,28 @@
-import { StreamMessage, useChannelStateContext } from '../../../context/ChannelStateContext';
+import {
+  StreamMessage,
+  useChannelStateContext,
+} from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useUserRole = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message: StreamMessage<StreamChatGenerics>,
   onlySenderCanEdit?: boolean,
   disableQuotedMessages?: boolean,
 ) => {
-  const { channel, channelCapabilities = {} } = useChannelStateContext<StreamChatGenerics>(
-    'useUserRole',
-  );
+  const { channel, channelCapabilities = {} } =
+    useChannelStateContext<StreamChatGenerics>('useUserRole');
   const { client } = useChatContext<StreamChatGenerics>('useUserRole');
 
   /**
    * @deprecated as it relies on `membership.role` check which is already deprecated and shouldn't be used anymore.
    * `isAdmin` will be removed in future release. See `channelCapabilities`.
    */
-  const isAdmin = client.user?.role === 'admin' || channel.state.membership.role === 'admin';
+  const isAdmin =
+    client.user?.role === 'admin' || channel.state.membership.role === 'admin';
 
   /**
    * @deprecated as it relies on `membership.role` check which is already deprecated and shouldn't be used anymore.
diff --git a/src/components/Message/icons.tsx b/src/components/Message/icons.tsx
index 311b56a69a..18c89a2931 100644
--- a/src/components/Message/icons.tsx
+++ b/src/components/Message/icons.tsx
@@ -53,7 +53,7 @@ export const PinIcon = () => (
 );
 
 export const PinIndicator = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   message,
   t,
diff --git a/src/components/Message/renderText/__tests__/renderText.test.js b/src/components/Message/renderText/__tests__/renderText.test.js
index 15be065a7f..80e6a240f5 100644
--- a/src/components/Message/renderText/__tests__/renderText.test.js
+++ b/src/components/Message/renderText/__tests__/renderText.test.js
@@ -46,7 +46,10 @@ describe(`renderText`, () => {
 
   it('renders custom mention', () => {
     const CustomMention = (props) => (
-      <span className='my-mention' data-node-mentioned-user-id={props.node.mentionedUser.id}>
+      <span
+        className='my-mention'
+        data-node-mentioned-user-id={props.node.mentionedUser.id}
+      >
         {props.children}
       </span>
     );
@@ -156,7 +159,8 @@ describe(`renderText`, () => {
   });
 
   it('allows to merge custom rehype plugins followed by default rehype plugins', () => {
-    const customPlugin = () => (tree) => findAndReplace(tree, [/.*@.*/, () => u('text', '#')]);
+    const customPlugin = () => (tree) =>
+      findAndReplace(tree, [/.*@.*/, () => u('text', '#')]);
     const getRehypePlugins = (defaultPlugins) => [customPlugin, ...defaultPlugins];
     const Markdown = renderText(
       '@username@email.com',
@@ -182,7 +186,8 @@ describe(`renderText`, () => {
   });
 
   it('allows to merge default rehype plugins followed by custom rehype plugins', () => {
-    const customPlugin = () => (tree) => findAndReplace(tree, [/.*@.*/, () => u('text', '#')]);
+    const customPlugin = () => (tree) =>
+      findAndReplace(tree, [/.*@.*/, () => u('text', '#')]);
     const getRehypePlugins = (defaultPlugins) => [...defaultPlugins, customPlugin];
     const Markdown = renderText(
       '@username@email.com',
@@ -237,15 +242,23 @@ describe(`renderText`, () => {
     const customPlugin = () => (tree) =>
       findAndReplace(tree, [new RegExp(strikeThroughText), replace]);
 
-    const getRemarkPluginsFirstCustom = (defaultPlugins) => [customPlugin, ...defaultPlugins];
-    const getRemarkPluginsFirstDefault = (defaultPlugins) => [...defaultPlugins, customPlugin];
-    [getRemarkPluginsFirstCustom, getRemarkPluginsFirstDefault].forEach((getRemarkPlugins) => {
-      const Markdown = renderText(strikeThroughText, [], {
-        getRemarkPlugins,
-      });
-      const { container } = render(Markdown);
-      expect(container.innerHTML).toBe('<p><del>xxx</del></p>');
-    });
+    const getRemarkPluginsFirstCustom = (defaultPlugins) => [
+      customPlugin,
+      ...defaultPlugins,
+    ];
+    const getRemarkPluginsFirstDefault = (defaultPlugins) => [
+      ...defaultPlugins,
+      customPlugin,
+    ];
+    [getRemarkPluginsFirstCustom, getRemarkPluginsFirstDefault].forEach(
+      (getRemarkPlugins) => {
+        const Markdown = renderText(strikeThroughText, [], {
+          getRemarkPlugins,
+        });
+        const { container } = render(Markdown);
+        expect(container.innerHTML).toBe('<p><del>xxx</del></p>');
+      },
+    );
   });
 
   it('allows to render custom elements', () => {
diff --git a/src/components/Message/renderText/componentRenderers/Mention.tsx b/src/components/Message/renderText/componentRenderers/Mention.tsx
index b5dd659fc1..06fb7f6c93 100644
--- a/src/components/Message/renderText/componentRenderers/Mention.tsx
+++ b/src/components/Message/renderText/componentRenderers/Mention.tsx
@@ -4,7 +4,7 @@ import type { UserResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 export type MentionProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = PropsWithChildren<{
   node: {
     mentionedUser: UserResponse<StreamChatGenerics>;
@@ -12,7 +12,7 @@ export type MentionProps<
 }>;
 
 export const Mention = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   node: { mentionedUser },
diff --git a/src/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.ts b/src/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.ts
index 55ffd7e828..ff942708c1 100644
--- a/src/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.ts
+++ b/src/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.ts
@@ -8,65 +8,65 @@ import type { Element } from 'react-markdown/lib/ast-to-react';
 import type { UserResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../../types';
 
-export const mentionsMarkdownPlugin = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
->(
-  mentioned_users: UserResponse<StreamChatGenerics>[],
-) => () => {
-  const mentioned_usernames = mentioned_users
-    .map((user) => user.name || user.id)
-    .filter(Boolean)
-    .map(escapeRegExp);
+export const mentionsMarkdownPlugin =
+  <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
+    mentioned_users: UserResponse<StreamChatGenerics>[],
+  ) =>
+  () => {
+    const mentioned_usernames = mentioned_users
+      .map((user) => user.name || user.id)
+      .filter(Boolean)
+      .map(escapeRegExp);
 
-  const mentionedUsersRegex = new RegExp(
-    mentioned_usernames.map((username) => `@${username}`).join('|'),
-    'g',
-  );
-
-  const replace: ReplaceFunction = (match) => {
-    const usernameOrId = match.replace('@', '');
-    const user = mentioned_users.find(
-      ({ id, name }) => name === usernameOrId || id === usernameOrId,
+    const mentionedUsersRegex = new RegExp(
+      mentioned_usernames.map((username) => `@${username}`).join('|'),
+      'g',
     );
-    return u('element', { mentionedUser: user, properties: {}, tagName: 'mention' }, [
-      u('text', match),
-    ]);
-  };
 
-  const transform = (tree: Nodes) => {
-    if (!mentioned_usernames.length) return;
+    const replace: ReplaceFunction = (match) => {
+      const usernameOrId = match.replace('@', '');
+      const user = mentioned_users.find(
+        ({ id, name }) => name === usernameOrId || id === usernameOrId,
+      );
+      return u('element', { mentionedUser: user, properties: {}, tagName: 'mention' }, [
+        u('text', match),
+      ]);
+    };
 
-    // handles special cases of mentions where user.name is an e-mail
-    // Remark GFM translates all e-mail-like text nodes to links creating
-    // two separate child nodes "@" and "your.name@as.email" instead of
-    // keeping it as one text node with value "@your.name@as.email"
-    // this piece finds these two separated nodes and merges them together
-    // before "replace" function takes over
-    visit(tree, (node, index, parent) => {
-      if (typeof index === 'undefined') return;
-      if (!parent) return;
+    const transform = (tree: Nodes) => {
+      if (!mentioned_usernames.length) return;
 
-      const nextChild = parent.children.at(index + 1) as Element;
-      const nextChildHref = nextChild?.properties?.href as string | undefined;
+      // handles special cases of mentions where user.name is an e-mail
+      // Remark GFM translates all e-mail-like text nodes to links creating
+      // two separate child nodes "@" and "your.name@as.email" instead of
+      // keeping it as one text node with value "@your.name@as.email"
+      // this piece finds these two separated nodes and merges them together
+      // before "replace" function takes over
+      visit(tree, (node, index, parent) => {
+        if (typeof index === 'undefined') return;
+        if (!parent) return;
 
-      if (
-        node.type === 'text' &&
-        // text value has to have @ sign at the end of the string
-        // and no other characters except whitespace can precede it
-        // valid cases:   "text @", "@", " @"
-        // invalid cases: "text@", "@text",
-        /.?\s?@$|^@$/.test(node.value) &&
-        nextChildHref?.startsWith('mailto:')
-      ) {
-        const newTextValue = node.value.replace(/@$/, '');
-        const username = nextChildHref.replace('mailto:', '');
-        parent.children[index] = u('text', newTextValue);
-        parent.children[index + 1] = u('text', `@${username}`);
-      }
-    });
+        const nextChild = parent.children.at(index + 1) as Element;
+        const nextChildHref = nextChild?.properties?.href as string | undefined;
 
-    findAndReplace(tree, [mentionedUsersRegex, replace]);
-  };
+        if (
+          node.type === 'text' &&
+          // text value has to have @ sign at the end of the string
+          // and no other characters except whitespace can precede it
+          // valid cases:   "text @", "@", " @"
+          // invalid cases: "text@", "@text",
+          /.?\s?@$|^@$/.test(node.value) &&
+          nextChildHref?.startsWith('mailto:')
+        ) {
+          const newTextValue = node.value.replace(/@$/, '');
+          const username = nextChildHref.replace('mailto:', '');
+          parent.children[index] = u('text', newTextValue);
+          parent.children[index + 1] = u('text', `@${username}`);
+        }
+      });
 
-  return transform;
-};
+      findAndReplace(tree, [mentionedUsersRegex, replace]);
+    };
+
+    return transform;
+  };
diff --git a/src/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.ts b/src/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.ts
index 26193f7aea..9965950e6f 100644
--- a/src/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.ts
+++ b/src/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.ts
@@ -18,8 +18,9 @@ const visitor: Visitor = (node, index, parent) => {
   const countTruncatedLineBreaks = ownStartLine - prevEndLine - 1;
   if (countTruncatedLineBreaks < 1) return;
 
-  const lineBreaks = Array.from<unknown, Break>({ length: countTruncatedLineBreaks }, () =>
-    u('break', { tagName: 'br' }),
+  const lineBreaks = Array.from<unknown, Break>(
+    { length: countTruncatedLineBreaks },
+    () => u('break', { tagName: 'br' }),
   );
 
   parent.children = [
diff --git a/src/components/Message/renderText/renderText.tsx b/src/components/Message/renderText/renderText.tsx
index 8e2e0ace53..452ca6b077 100644
--- a/src/components/Message/renderText/renderText.tsx
+++ b/src/components/Message/renderText/renderText.tsx
@@ -15,9 +15,13 @@ import { ErrorBoundary } from '../../UtilityComponents';
 
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
-export type RenderTextPluginConfigurator = (defaultPlugins: PluggableList) => PluggableList;
+export type RenderTextPluginConfigurator = (
+  defaultPlugins: PluggableList,
+) => PluggableList;
 
-export const defaultAllowedTagNames: Array<keyof JSX.IntrinsicElements | 'emoji' | 'mention'> = [
+export const defaultAllowedTagNames: Array<
+  keyof JSX.IntrinsicElements | 'emoji' | 'mention'
+> = [
   'html',
   'text',
   'br',
@@ -60,9 +64,11 @@ function encodeDecode(url: string) {
   }
 }
 
-const urlTransform = (uri: string) => (uri.startsWith('app://') ? uri : uriTransformer(uri));
+const urlTransform = (uri: string) =>
+  uri.startsWith('app://') ? uri : uriTransformer(uri);
 
-const getPluginsForward: RenderTextPluginConfigurator = (plugins: PluggableList) => plugins;
+const getPluginsForward: RenderTextPluginConfigurator = (plugins: PluggableList) =>
+  plugins;
 
 export const markDownRenderers: RenderTextOptions['customMarkDownRenderers'] = {
   a: Anchor,
@@ -71,10 +77,11 @@ export const markDownRenderers: RenderTextOptions['customMarkDownRenderers'] = {
 };
 
 export type RenderTextOptions<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  allowedTagNames?: Array<keyof JSX.IntrinsicElements | 'emoji' | 'mention' | (string & {})>;
+  allowedTagNames?: Array<
+    keyof JSX.IntrinsicElements | 'emoji' | 'mention' | (string & {})
+  >;
   customMarkDownRenderers?: Options['components'] &
     Partial<{
       emoji: ComponentType;
@@ -85,7 +92,7 @@ export type RenderTextOptions<
 };
 
 export const renderText = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   text?: string,
   mentionedUsers?: UserResponse<StreamChatGenerics>[],
@@ -119,7 +126,9 @@ export const renderText = <
 
           if (!strippedHref || !strippedText) return false;
 
-          return strippedHref.includes(strippedText) || strippedText.includes(strippedHref);
+          return (
+            strippedHref.includes(strippedText) || strippedText.includes(strippedHref)
+          );
         });
 
       if (noParsingNeeded.length > 0 || linkIsInBlock) return;
@@ -132,12 +141,15 @@ export const renderText = <
         if (type === 'email' && mentionedUsers) {
           const emailMatchesWithName = mentionedUsers.some((u) => u.name === value);
           if (emailMatchesWithName) {
-            newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), (match, position) => {
-              const isMention = newText.charAt(position - 1) === '@';
-              // in case of mention, we leave the match in its original form,
-              // and we let `mentionsMarkdownPlugin` to do its job
-              return isMention ? match : `[${match}](${encodeDecode(href)})`;
-            });
+            newText = newText.replace(
+              new RegExp(escapeRegExp(value), 'g'),
+              (match, position) => {
+                const isMention = newText.charAt(position - 1) === '@';
+                // in case of mention, we leave the match in its original form,
+                // and we let `mentionsMarkdownPlugin` to do its job
+                return isMention ? match : `[${match}](${encodeDecode(href)})`;
+              },
+            );
 
             return;
           }
diff --git a/src/components/Message/types.ts b/src/components/Message/types.ts
index 961c92c192..fb991e1af0 100644
--- a/src/components/Message/types.ts
+++ b/src/components/Message/types.ts
@@ -20,7 +20,7 @@ export type ReactEventHandler = (event: React.BaseSyntheticEvent) => Promise<voi
 
 export type MessageProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 > = {
   /** The message object */
   message: StreamMessage<StreamChatGenerics>;
@@ -41,17 +41,29 @@ export type MessageProps<
   /** Override the default formatting of the date. This is a function that has access to the original date object, returns a string  */
   formatDate?: (date: Date) => string;
   /** Function that returns the notification text to be displayed when a delete message request fails */
-  getDeleteMessageErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
+  getDeleteMessageErrorNotification?: (
+    message: StreamMessage<StreamChatGenerics>,
+  ) => string;
   /** Function that returns the notification text to be displayed when loading message reactions fails */
-  getFetchReactionsErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
+  getFetchReactionsErrorNotification?: (
+    message: StreamMessage<StreamChatGenerics>,
+  ) => string;
   /** Function that returns the notification text to be displayed when a flag message request fails */
-  getFlagMessageErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
+  getFlagMessageErrorNotification?: (
+    message: StreamMessage<StreamChatGenerics>,
+  ) => string;
   /** Function that returns the notification text to be displayed when a flag message request succeeds */
-  getFlagMessageSuccessNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
+  getFlagMessageSuccessNotification?: (
+    message: StreamMessage<StreamChatGenerics>,
+  ) => string;
   /** Function that returns the notification text to be displayed when mark channel messages unread request fails */
-  getMarkMessageUnreadErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
+  getMarkMessageUnreadErrorNotification?: (
+    message: StreamMessage<StreamChatGenerics>,
+  ) => string;
   /** Function that returns the notification text to be displayed when mark channel messages unread request succeeds */
-  getMarkMessageUnreadSuccessNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
+  getMarkMessageUnreadSuccessNotification?: (
+    message: StreamMessage<StreamChatGenerics>,
+  ) => string;
   /** Function that returns the notification text to be displayed when a mute user request fails */
   getMuteUserErrorNotification?: (user: UserResponse<StreamChatGenerics>) => string;
   /** Function that returns the notification text to be displayed when a mute user request succeeds */
@@ -113,11 +125,11 @@ export type MessageProps<
 };
 
 export type MessageUIComponentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Partial<MessageContextValue<StreamChatGenerics>>;
 
 export type PinIndicatorProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   message?: StreamMessage<StreamChatGenerics>;
   t?: TFunction;
diff --git a/src/components/Message/utils.tsx b/src/components/Message/utils.tsx
index 2a01bb31f2..fa8ee667e3 100644
--- a/src/components/Message/utils.tsx
+++ b/src/components/Message/utils.tsx
@@ -25,9 +25,8 @@ export const validateAndGetMessage = <T extends unknown[]>(
 
   // below is due to tests passing a single argument
   // rather than an array.
-  if (!(args instanceof Array)) {
-    // @ts-expect-error
-    args = [args];
+  if (!Array.isArray(args)) {
+    args = [args] as unknown as T;
   }
 
   const returnValue = func(...args);
@@ -41,7 +40,7 @@ export const validateAndGetMessage = <T extends unknown[]>(
  * Tell if the owner of the current message is muted
  */
 export const isUserMuted = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message: StreamMessage<StreamChatGenerics>,
   mutes?: Mute<StreamChatGenerics>[],
@@ -219,7 +218,7 @@ export const showMessageActionsBox = (
 ) => shouldRenderMessageActions({ inThread, messageActions: actions });
 
 export const shouldRenderMessageActions = <
-  SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  SCG extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   customMessageActions,
   CustomMessageActionsList,
@@ -241,7 +240,8 @@ export const shouldRenderMessageActions = <
 
   if (
     inThread &&
-    messageActions.filter((action) => !ACTIONS_NOT_WORKING_IN_THREAD.includes(action)).length === 0
+    messageActions.filter((action) => !ACTIONS_NOT_WORKING_IN_THREAD.includes(action))
+      .length === 0
   ) {
     return false;
   }
@@ -266,7 +266,7 @@ export const shouldRenderMessageActions = <
 };
 
 function areMessagesEqual<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   prevMessage: StreamMessage<StreamChatGenerics>,
   nextMessage: StreamMessage<StreamChatGenerics>,
@@ -292,7 +292,7 @@ function areMessagesEqual<
 }
 
 export const areMessagePropsEqual = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   prevProps: MessageProps<StreamChatGenerics> & {
     mutes?: Mute<StreamChatGenerics>[];
@@ -336,7 +336,7 @@ export const areMessagePropsEqual = <
 };
 
 export const areMessageUIPropsEqual = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   prevProps: MessageContextValue<StreamChatGenerics> & {
     showDetailedReactions?: boolean;
@@ -370,19 +370,19 @@ export const areMessageUIPropsEqual = <
 };
 
 export const messageHasReactions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: StreamMessage<StreamChatGenerics>,
 ) => Object.values(message?.reaction_groups ?? {}).some(({ count }) => count > 0);
 
 export const messageHasAttachments = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: StreamMessage<StreamChatGenerics>,
 ) => !!message?.attachments && !!message.attachments.length;
 
 export const getImages = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: MessageResponse<StreamChatGenerics>,
 ) => {
@@ -393,7 +393,7 @@ export const getImages = <
 };
 
 export const getNonImageAttachments = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message?: MessageResponse<StreamChatGenerics>,
 ) => {
@@ -417,7 +417,7 @@ export interface TooltipUsernameMapper {
 export const mapToUserNameOrId: TooltipUsernameMapper = (user) => user.name || user.id;
 
 export const getReadByTooltipText = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   users: UserResponse<StreamChatGenerics>[],
   t: TFunction,
@@ -427,7 +427,9 @@ export const getReadByTooltipText = <
   let outStr = '';
 
   if (!t) {
-    throw new Error('getReadByTooltipText was called, but translation function is not available');
+    throw new Error(
+      'getReadByTooltipText was called, but translation function is not available',
+    );
   }
 
   if (!tooltipUserNameMapper) {
@@ -483,16 +485,19 @@ export const isOnlyEmojis = (text?: string) => {
 };
 
 export const isMessageBounced = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  message: Pick<StreamMessage<StreamChatGenerics>, 'type' | 'moderation' | 'moderation_details'>,
+  message: Pick<
+    StreamMessage<StreamChatGenerics>,
+    'type' | 'moderation' | 'moderation_details'
+  >,
 ) =>
   message.type === 'error' &&
   (message.moderation_details?.action === 'MESSAGE_RESPONSE_ACTION_BOUNCE' ||
     message.moderation?.action === 'bounce');
 
 export const isMessageEdited = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message: Pick<StreamMessage<StreamChatGenerics>, 'message_text_updated_at'>,
 ) => !!message.message_text_updated_at;
diff --git a/src/components/MessageActions/CustomMessageActionsList.tsx b/src/components/MessageActions/CustomMessageActionsList.tsx
index 258e346b76..15d4fd9c42 100644
--- a/src/components/MessageActions/CustomMessageActionsList.tsx
+++ b/src/components/MessageActions/CustomMessageActionsList.tsx
@@ -6,14 +6,14 @@ import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type CustomMessageActionsListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   message: StreamMessage<StreamChatGenerics>;
   customMessageActions?: CustomMessageActions<StreamChatGenerics>;
 };
 
 export const CustomMessageActionsList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: CustomMessageActionsListProps<StreamChatGenerics>,
 ) => {
diff --git a/src/components/MessageActions/MessageActions.tsx b/src/components/MessageActions/MessageActions.tsx
index ecb4a1ad56..02d4458e54 100644
--- a/src/components/MessageActions/MessageActions.tsx
+++ b/src/components/MessageActions/MessageActions.tsx
@@ -23,7 +23,7 @@ type MessageContextPropsToPick =
   | 'message';
 
 export type MessageActionsProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Partial<Pick<MessageContextValue<StreamChatGenerics>, MessageContextPropsToPick>> & {
   /* Custom component rendering the icon used in message actions button. This button invokes the message actions menu. */
   ActionsIcon?: React.ComponentType<IconProps>;
@@ -36,7 +36,7 @@ export type MessageActionsProps<
 };
 
 export const MessageActions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageActionsProps<StreamChatGenerics>,
 ) => {
@@ -70,7 +70,8 @@ export const MessageActions = <
     threadList,
   } = useMessageContext<StreamChatGenerics>('MessageActions');
 
-  const { CustomMessageActionsList } = useComponentContext<StreamChatGenerics>('MessageActions');
+  const { CustomMessageActionsList } =
+    useComponentContext<StreamChatGenerics>('MessageActions');
 
   const { t } = useTranslationContext('MessageActions');
 
@@ -147,7 +148,9 @@ export type MessageActionsWrapperProps = {
   toggleOpen?: () => void;
 };
 
-export const MessageActionsWrapper = (props: PropsWithChildren<MessageActionsWrapperProps>) => {
+export const MessageActionsWrapper = (
+  props: PropsWithChildren<MessageActionsWrapperProps>,
+) => {
   const { children, customWrapperClass, inline, toggleOpen } = props;
 
   const defaultWrapperClass = clsx(
diff --git a/src/components/MessageActions/MessageActionsBox.tsx b/src/components/MessageActions/MessageActionsBox.tsx
index e7deb75ec0..fcbcb935cc 100644
--- a/src/components/MessageActions/MessageActionsBox.tsx
+++ b/src/components/MessageActions/MessageActionsBox.tsx
@@ -25,7 +25,7 @@ type PropsDrilledToMessageActionsBox =
   | 'handlePin';
 
 export type MessageActionsBoxProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<MessageContextValue<StreamChatGenerics>, PropsDrilledToMessageActionsBox> & {
   isUserMuted: () => boolean;
   mine: boolean;
@@ -33,7 +33,7 @@ export type MessageActionsBoxProps<
 } & ComponentProps<'div'>;
 
 const UnMemoizedMessageActionsBox = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageActionsBoxProps<StreamChatGenerics>,
 ) => {
@@ -47,18 +47,18 @@ const UnMemoizedMessageActionsBox = <
     handleMute,
     handlePin,
     isUserMuted,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     mine,
     open,
     ...restDivProps
   } = props;
 
-  const {
-    CustomMessageActionsList = DefaultCustomMessageActionsList,
-  } = useComponentContext<StreamChatGenerics>('MessageActionsBox');
-  const { setQuotedMessage } = useChannelActionContext<StreamChatGenerics>('MessageActionsBox');
-  const { customMessageActions, message, threadList } = useMessageContext<StreamChatGenerics>(
-    'MessageActionsBox',
-  );
+  const { CustomMessageActionsList = DefaultCustomMessageActionsList } =
+    useComponentContext<StreamChatGenerics>('MessageActionsBox');
+  const { setQuotedMessage } =
+    useChannelActionContext<StreamChatGenerics>('MessageActionsBox');
+  const { customMessageActions, message, threadList } =
+    useMessageContext<StreamChatGenerics>('MessageActionsBox');
 
   const { t } = useTranslationContext('MessageActionsBox');
 
@@ -91,7 +91,10 @@ const UnMemoizedMessageActionsBox = <
         className='str-chat__message-actions-list'
         role='listbox'
       >
-        <CustomMessageActionsList customMessageActions={customMessageActions} message={message} />
+        <CustomMessageActionsList
+          customMessageActions={customMessageActions}
+          message={message}
+        />
         {messageActions.indexOf(MESSAGE_ACTIONS.quote) > -1 && (
           <button
             aria-selected='false'
@@ -112,16 +115,18 @@ const UnMemoizedMessageActionsBox = <
             {!message.pinned ? t<string>('Pin') : t<string>('Unpin')}
           </button>
         )}
-        {messageActions.indexOf(MESSAGE_ACTIONS.markUnread) > -1 && !threadList && !!message.id && (
-          <button
-            aria-selected='false'
-            className={buttonClassName}
-            onClick={handleMarkUnread}
-            role='option'
-          >
-            {t<string>('Mark as unread')}
-          </button>
-        )}
+        {messageActions.indexOf(MESSAGE_ACTIONS.markUnread) > -1 &&
+          !threadList &&
+          !!message.id && (
+            <button
+              aria-selected='false'
+              className={buttonClassName}
+              onClick={handleMarkUnread}
+              role='option'
+            >
+              {t<string>('Mark as unread')}
+            </button>
+          )}
         {messageActions.indexOf(MESSAGE_ACTIONS.flag) > -1 && (
           <button
             aria-selected='false'
diff --git a/src/components/MessageActions/__tests__/MessageActions.test.js b/src/components/MessageActions/__tests__/MessageActions.test.js
index 536313d2d2..ebb91a820a 100644
--- a/src/components/MessageActions/__tests__/MessageActions.test.js
+++ b/src/components/MessageActions/__tests__/MessageActions.test.js
@@ -14,7 +14,11 @@ import {
   TranslationProvider,
 } from '../../../context';
 
-import { generateMessage, getTestClient, mockTranslationContext } from '../../../mock-builders';
+import {
+  generateMessage,
+  getTestClient,
+  mockTranslationContext,
+} from '../../../mock-builders';
 
 jest.mock('../MessageActionsBox', () => ({
   MessageActionsBox: jest.fn(() => <div />),
@@ -208,7 +212,10 @@ describe('<MessageActions /> component', () => {
     expect(document.removeEventListener).not.toHaveBeenCalled();
     await toggleOpenMessageActions();
     unmount();
-    expect(document.removeEventListener).toHaveBeenCalledWith('keyup', expect.any(Function));
+    expect(document.removeEventListener).toHaveBeenCalledWith(
+      'keyup',
+      expect.any(Function),
+    );
     removeEventListener.mockClear();
   });
 
diff --git a/src/components/MessageActions/__tests__/MessageActionsBox.test.js b/src/components/MessageActions/__tests__/MessageActionsBox.test.js
index 499c91eb73..3577edb9ca 100644
--- a/src/components/MessageActions/__tests__/MessageActionsBox.test.js
+++ b/src/components/MessageActions/__tests__/MessageActionsBox.test.js
@@ -57,7 +57,10 @@ async function renderComponent(boxProps, messageContext = {}) {
                   message: boxProps.message,
                 }}
               >
-                <MessageActionsBox {...boxProps} getMessageActions={getMessageActionsMock} />
+                <MessageActionsBox
+                  {...boxProps}
+                  getMessageActions={getMessageActionsMock}
+                />
               </MessageProvider>
             </DialogManagerProvider>
           </ChannelActionProvider>
@@ -247,7 +250,9 @@ describe('MessageActionsBox', () => {
       } = await initClientWithChannels({
         channelsData: [
           {
-            channel: { own_capabilities: own_capabilities.filter((c) => c !== 'read-events') },
+            channel: {
+              own_capabilities: own_capabilities.filter((c) => c !== 'read-events'),
+            },
             messages: [message],
             read,
           },
@@ -399,8 +404,16 @@ describe('MessageActionsBox', () => {
           <Chat client={client}>
             <Channel channel={channel}>
               <DialogManagerProvider id='message-actions-box-dialog-manager'>
-                <Message lastReceivedId={otherMsg.id} message={message} threadList={false} />
-                <Message lastReceivedId={otherMsg.id} message={otherMsg} threadList={false} />
+                <Message
+                  lastReceivedId={otherMsg.id}
+                  message={message}
+                  threadList={false}
+                />
+                <Message
+                  lastReceivedId={otherMsg.id}
+                  message={otherMsg}
+                  threadList={false}
+                />
               </DialogManagerProvider>
             </Channel>
           </Chat>,
@@ -408,13 +421,13 @@ describe('MessageActionsBox', () => {
       });
       await toggleOpenMessageActions(0);
       let boxes = screen.getAllByTestId('message-actions-box');
-      // eslint-disable-next-line jest-dom/prefer-in-document
+
       expect(boxes).toHaveLength(1);
       expect(boxes[0]).toHaveTextContent(ACTION_TEXT);
 
       await toggleOpenMessageActions(1);
       boxes = screen.getAllByTestId('message-actions-box');
-      // eslint-disable-next-line jest-dom/prefer-in-document
+
       expect(boxes).toHaveLength(1);
       expect(boxes[0]).toHaveTextContent(ACTION_TEXT);
     });
diff --git a/src/components/MessageActions/hooks/useMessageActionsBoxPopper.ts b/src/components/MessageActions/hooks/useMessageActionsBoxPopper.ts
index 5c7a1d73c0..4d9bd011ff 100644
--- a/src/components/MessageActions/hooks/useMessageActionsBoxPopper.ts
+++ b/src/components/MessageActions/hooks/useMessageActionsBoxPopper.ts
@@ -14,20 +14,24 @@ export function useMessageActionsBoxPopper<T extends HTMLElement>({
   referenceElement,
 }: MessageActionsBoxPopperOptions) {
   const popperElementRef = useRef<T>(null);
-  const { attributes, styles, update } = usePopper(referenceElement, popperElementRef.current, {
-    modifiers: [
-      {
-        name: 'eventListeners',
-        options: {
-          // It's not safe to update popper position on resize and scroll, since popper's
-          // reference element might not be visible at the time.
-          resize: false,
-          scroll: false,
+  const { attributes, styles, update } = usePopper(
+    referenceElement,
+    popperElementRef.current,
+    {
+      modifiers: [
+        {
+          name: 'eventListeners',
+          options: {
+            // It's not safe to update popper position on resize and scroll, since popper's
+            // reference element might not be visible at the time.
+            resize: false,
+            scroll: false,
+          },
         },
-      },
-    ],
-    placement,
-  });
+      ],
+      placement,
+    },
+  );
 
   useEffect(() => {
     if (open) {
diff --git a/src/components/MessageBounce/MessageBouncePrompt.tsx b/src/components/MessageBounce/MessageBouncePrompt.tsx
index 805dcb156f..efed017567 100644
--- a/src/components/MessageBounce/MessageBouncePrompt.tsx
+++ b/src/components/MessageBounce/MessageBouncePrompt.tsx
@@ -8,11 +8,10 @@ import type { ModalProps } from '../Modal';
 export type MessageBouncePromptProps = PropsWithChildren<Pick<ModalProps, 'onClose'>>;
 
 export function MessageBouncePrompt<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({ children, onClose }: MessageBouncePromptProps) {
-  const { handleDelete, handleEdit, handleRetry } = useMessageBounceContext<StreamChatGenerics>(
-    'MessageBouncePrompt',
-  );
+  const { handleDelete, handleEdit, handleRetry } =
+    useMessageBounceContext<StreamChatGenerics>('MessageBouncePrompt');
   const { t } = useTranslationContext('MessageBouncePrompt');
 
   function createHandler(
diff --git a/src/components/MessageInput/AttachmentPreviewList/AttachmentPreviewList.tsx b/src/components/MessageInput/AttachmentPreviewList/AttachmentPreviewList.tsx
index 6822449735..8851c4b71a 100644
--- a/src/components/MessageInput/AttachmentPreviewList/AttachmentPreviewList.tsx
+++ b/src/components/MessageInput/AttachmentPreviewList/AttachmentPreviewList.tsx
@@ -29,7 +29,7 @@ import { useMessageInputContext } from '../../../context';
 import type { DefaultStreamChatGenerics } from '../../../types';
 
 export type AttachmentPreviewListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   AudioAttachmentPreview?: ComponentType<FileAttachmentPreviewProps>;
   FileAttachmentPreview?: ComponentType<FileAttachmentPreviewProps>;
@@ -42,7 +42,7 @@ export type AttachmentPreviewListProps<
 };
 
 export const AttachmentPreviewList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   AudioAttachmentPreview = DefaultFilePreview,
   FileAttachmentPreview = DefaultFilePreview,
@@ -51,11 +51,8 @@ export const AttachmentPreviewList = <
   VideoAttachmentPreview = DefaultFilePreview,
   VoiceRecordingPreview = DefaultVoiceRecordingPreview,
 }: AttachmentPreviewListProps<StreamChatGenerics>) => {
-  const {
-    attachments,
-    removeAttachments,
-    uploadAttachment,
-  } = useMessageInputContext<StreamChatGenerics>('AttachmentPreviewList');
+  const { attachments, removeAttachments, uploadAttachment } =
+    useMessageInputContext<StreamChatGenerics>('AttachmentPreviewList');
 
   return (
     <div className='str-chat__attachment-preview-list'>
diff --git a/src/components/MessageInput/AttachmentPreviewList/FileAttachmentPreview.tsx b/src/components/MessageInput/AttachmentPreviewList/FileAttachmentPreview.tsx
index 3f7853bbd1..7fd2793b30 100644
--- a/src/components/MessageInput/AttachmentPreviewList/FileAttachmentPreview.tsx
+++ b/src/components/MessageInput/AttachmentPreviewList/FileAttachmentPreview.tsx
@@ -16,14 +16,17 @@ type FileLikeAttachment = {
 
 export type FileAttachmentPreviewProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = AttachmentPreviewProps<
-  LocalAttachmentCast<FileLikeAttachment, LocalAttachmentUploadMetadata & CustomLocalMetadata>,
+  LocalAttachmentCast<
+    FileLikeAttachment,
+    LocalAttachmentUploadMetadata & CustomLocalMetadata
+  >,
   StreamChatGenerics
 >;
 
 export const FileAttachmentPreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   handleRetry,
@@ -31,7 +34,10 @@ export const FileAttachmentPreview = <
 }: FileAttachmentPreviewProps<StreamChatGenerics>) => {
   const { t } = useTranslationContext('FilePreview');
   return (
-    <div className='str-chat__attachment-preview-file' data-testid='attachment-preview-file'>
+    <div
+      className='str-chat__attachment-preview-file'
+      data-testid='attachment-preview-file'
+    >
       <div className='str-chat__attachment-preview-file-icon'>
         <FileIcon filename={attachment.title} mimeType={attachment.mime_type} />
       </div>
@@ -42,7 +48,8 @@ export const FileAttachmentPreview = <
         data-testid='file-preview-item-delete-button'
         disabled={attachment.localMetadata?.uploadState === 'uploading'}
         onClick={() =>
-          attachment.localMetadata?.id && removeAttachments([attachment.localMetadata?.id])
+          attachment.localMetadata?.id &&
+          removeAttachments([attachment.localMetadata?.id])
         }
       >
         <CloseIcon />
@@ -62,19 +69,20 @@ export const FileAttachmentPreview = <
         <div className='str-chat__attachment-preview-file-name' title={attachment.title}>
           {attachment.title}
         </div>
-        {attachment.localMetadata?.uploadState === 'finished' && !!attachment.asset_url && (
-          <a
-            aria-label={t('aria/Download attachment')}
-            className='str-chat__attachment-preview-file-download'
-            download
-            href={attachment.asset_url}
-            rel='noreferrer'
-            target='_blank'
-            title={t('Download attachment {{ name }}', { name: attachment.title })}
-          >
-            <DownloadIcon />
-          </a>
-        )}
+        {attachment.localMetadata?.uploadState === 'finished' &&
+          !!attachment.asset_url && (
+            <a
+              aria-label={t('aria/Download attachment')}
+              className='str-chat__attachment-preview-file-download'
+              download
+              href={attachment.asset_url}
+              rel='noreferrer'
+              target='_blank'
+              title={t('Download attachment {{ name }}', { name: attachment.title })}
+            >
+              <DownloadIcon />
+            </a>
+          )}
         {attachment.localMetadata?.uploadState === 'uploading' && (
           <LoadingIndicatorIcon size={17} />
         )}
diff --git a/src/components/MessageInput/AttachmentPreviewList/ImageAttachmentPreview.tsx b/src/components/MessageInput/AttachmentPreviewList/ImageAttachmentPreview.tsx
index 6c7186933e..758b976d59 100644
--- a/src/components/MessageInput/AttachmentPreviewList/ImageAttachmentPreview.tsx
+++ b/src/components/MessageInput/AttachmentPreviewList/ImageAttachmentPreview.tsx
@@ -9,14 +9,14 @@ import type { DefaultStreamChatGenerics } from '../../../types';
 
 export type ImageAttachmentPreviewProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = AttachmentPreviewProps<
   LocalImageAttachment<StreamChatGenerics, CustomLocalMetadata>,
   StreamChatGenerics
 >;
 
 export const ImageAttachmentPreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   handleRetry,
diff --git a/src/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.tsx b/src/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.tsx
index 1f7f12a4dd..97720dacaa 100644
--- a/src/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.tsx
+++ b/src/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.tsx
@@ -8,14 +8,14 @@ import type { DefaultStreamChatGenerics } from '../../../types';
 
 export type UnsupportedAttachmentPreviewProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = AttachmentPreviewProps<
   AnyLocalAttachment<StreamChatGenerics, CustomLocalMetadata>,
   StreamChatGenerics
 >;
 
 export const UnsupportedAttachmentPreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   handleRetry,
@@ -37,7 +37,8 @@ export const UnsupportedAttachmentPreview = <
         data-testid='file-preview-item-delete-button'
         disabled={attachment.localMetadata?.uploadState === 'uploading'}
         onClick={() =>
-          attachment.localMetadata?.id && removeAttachments([attachment.localMetadata?.id])
+          attachment.localMetadata?.id &&
+          removeAttachments([attachment.localMetadata?.id])
         }
       >
         <CloseIcon />
@@ -57,17 +58,18 @@ export const UnsupportedAttachmentPreview = <
         <div className='str-chat__attachment-preview-title' title={title}>
           {title}
         </div>
-        {attachment.localMetadata?.uploadState === 'finished' && !!attachment.asset_url && (
-          <a
-            className='str-chat__attachment-preview-file-download'
-            download
-            href={attachment.asset_url}
-            rel='noreferrer'
-            target='_blank'
-          >
-            <DownloadIcon />
-          </a>
-        )}
+        {attachment.localMetadata?.uploadState === 'finished' &&
+          !!attachment.asset_url && (
+            <a
+              className='str-chat__attachment-preview-file-download'
+              download
+              href={attachment.asset_url}
+              rel='noreferrer'
+              target='_blank'
+            >
+              <DownloadIcon />
+            </a>
+          )}
         {attachment.localMetadata?.uploadState === 'uploading' && (
           <LoadingIndicatorIcon size={17} />
         )}
diff --git a/src/components/MessageInput/AttachmentPreviewList/VoiceRecordingPreview.tsx b/src/components/MessageInput/AttachmentPreviewList/VoiceRecordingPreview.tsx
index 1a4773d4e1..e761fe4e29 100644
--- a/src/components/MessageInput/AttachmentPreviewList/VoiceRecordingPreview.tsx
+++ b/src/components/MessageInput/AttachmentPreviewList/VoiceRecordingPreview.tsx
@@ -10,14 +10,14 @@ import type { DefaultStreamChatGenerics } from '../../../types';
 
 export type VoiceRecordingPreviewProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = AttachmentPreviewProps<
   LocalVoiceRecordingAttachment<StreamChatGenerics, CustomLocalMetadata>,
   StreamChatGenerics
 >;
 
 export const VoiceRecordingPreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   handleRetry,
@@ -33,7 +33,11 @@ export const VoiceRecordingPreview = <
       data-testid='attachment-preview-voice-recording'
     >
       <audio ref={audioRef}>
-        <source data-testid='audio-source' src={attachment.asset_url} type={attachment.mime_type} />
+        <source
+          data-testid='audio-source'
+          src={attachment.asset_url}
+          type={attachment.mime_type}
+        />
       </audio>
       <PlayButton isPlaying={isPlaying} onClick={togglePlay} />
 
diff --git a/src/components/MessageInput/AttachmentPreviewList/types.ts b/src/components/MessageInput/AttachmentPreviewList/types.ts
index 86ea32514f..f5c398325d 100644
--- a/src/components/MessageInput/AttachmentPreviewList/types.ts
+++ b/src/components/MessageInput/AttachmentPreviewList/types.ts
@@ -3,7 +3,7 @@ import type { DefaultStreamChatGenerics } from '../../../types';
 
 export type AttachmentPreviewProps<
   A extends LocalAttachment,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   attachment: A;
   handleRetry: (
diff --git a/src/components/MessageInput/AttachmentSelector.tsx b/src/components/MessageInput/AttachmentSelector.tsx
index 1fc7a935cd..9446aabd8b 100644
--- a/src/components/MessageInput/AttachmentSelector.tsx
+++ b/src/components/MessageInput/AttachmentSelector.tsx
@@ -1,5 +1,12 @@
 import { nanoid } from 'nanoid';
-import React, { ElementRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, {
+  ElementRef,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 import { UploadIcon as DefaultUploadIcon } from './icons';
 import { CHANNEL_CONTAINER_ID } from '../Channel/constants';
 import { DialogAnchor, useDialog, useDialogIsOpen } from '../Dialog';
@@ -45,7 +52,12 @@ export const SimpleAttachmentSelector = () => {
   return (
     <div className='str-chat__file-input-container' data-testid='file-upload-button'>
       <UploadFileInput id={id} ref={inputRef} />
-      <label className='str-chat__file-input-label' htmlFor={id} ref={setLabelElement} tabIndex={0}>
+      <label
+        className='str-chat__file-input-label'
+        htmlFor={id}
+        ref={setLabelElement}
+        tabIndex={0}
+      >
         {AttachmentSelectorInitiationButtonContents ? (
           <AttachmentSelectorInitiationButtonContents />
         ) : (
@@ -57,9 +69,8 @@ export const SimpleAttachmentSelector = () => {
 };
 
 const AttachmentSelectorMenuInitButtonIcon = () => {
-  const { AttachmentSelectorInitiationButtonContents, FileUploadIcon } = useComponentContext(
-    'SimpleAttachmentSelector',
-  );
+  const { AttachmentSelectorInitiationButtonContents, FileUploadIcon } =
+    useComponentContext('SimpleAttachmentSelector');
   if (AttachmentSelectorInitiationButtonContents) {
     return <AttachmentSelectorInitiationButtonContents />;
   }
@@ -80,7 +91,6 @@ export type AttachmentSelectorActionProps = {
 
 export type AttachmentSelectorAction = {
   ActionButton: React.ComponentType<AttachmentSelectorActionProps>;
-  // eslint-disable-next-line @typescript-eslint/ban-types
   type: 'uploadFile' | 'createPoll' | (string & {});
   ModalContent?: React.ComponentType<AttachmentSelectorModalContentProps>;
 };
@@ -132,17 +142,19 @@ export type AttachmentSelectorProps = {
 };
 
 const useAttachmentSelectorActionsFiltered = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   original: AttachmentSelectorAction[],
 ) => {
   const { PollCreationDialog = DefaultPollCreationDialog } = useComponentContext();
-  const { channelCapabilities, channelConfig } = useChannelStateContext<StreamChatGenerics>();
+  const { channelCapabilities, channelConfig } =
+    useChannelStateContext<StreamChatGenerics>();
   const { isThreadInput } = useMessageInputContext();
 
   return original
     .filter((action) => {
-      if (action.type === 'uploadFile' && !channelCapabilities['upload-file']) return false;
+      if (action.type === 'uploadFile' && !channelCapabilities['upload-file'])
+        return false;
       if (
         action.type === 'createPoll' &&
         (!channelConfig?.polls || isThreadInput || !channelCapabilities['send-poll'])
@@ -159,7 +171,7 @@ const useAttachmentSelectorActionsFiltered = <
 };
 
 export const AttachmentSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachmentSelectorActionSet = defaultAttachmentSelectorActionSet,
   getModalPortalDestination,
@@ -176,7 +188,8 @@ export const AttachmentSelector = <
   const menuDialog = useDialog({ id: menuDialogId });
   const menuDialogIsOpen = useDialogIsOpen(menuDialogId);
 
-  const [modalContentAction, setModalContentActionAction] = useState<AttachmentSelectorAction>();
+  const [modalContentAction, setModalContentActionAction] =
+    useState<AttachmentSelectorAction>();
   const openModal = useCallback(
     (actionType: AttachmentSelectorAction['type']) => {
       const action = actions.find((a) => a.type === actionType);
@@ -198,7 +211,8 @@ export const AttachmentSelector = <
 
   if (actions.length === 0) return null;
 
-  if (actions.length === 1 && actions[0].type === 'uploadFile') return <SimpleAttachmentSelector />;
+  if (actions.length === 1 && actions[0].type === 'uploadFile')
+    return <SimpleAttachmentSelector />;
 
   const ModalContent = modalContentAction?.ModalContent;
   const modalIsOpen = !!ModalContent;
@@ -240,7 +254,11 @@ export const AttachmentSelector = <
           getPortalDestination={getModalPortalDestination ?? getDefaultPortalDestination}
           isOpen={modalIsOpen}
         >
-          <Modal className='str-chat__create-poll-modal' onClose={closeModal} open={modalIsOpen}>
+          <Modal
+            className='str-chat__create-poll-modal'
+            onClose={closeModal}
+            open={modalIsOpen}
+          >
             {ModalContent && <ModalContent close={closeModal} />}
           </Modal>
         </Portal>
diff --git a/src/components/MessageInput/DefaultTriggerProvider.tsx b/src/components/MessageInput/DefaultTriggerProvider.tsx
index 71d6ea25c1..1aab6d0e64 100644
--- a/src/components/MessageInput/DefaultTriggerProvider.tsx
+++ b/src/components/MessageInput/DefaultTriggerProvider.tsx
@@ -9,12 +9,19 @@ import {
   useMessageInputContext,
 } from '../../context/MessageInputContext';
 
-import type { SuggestionCommand, SuggestionUser } from '../ChatAutoComplete/ChatAutoComplete';
+import type {
+  SuggestionCommand,
+  SuggestionUser,
+} from '../ChatAutoComplete/ChatAutoComplete';
 import type { CommandItemProps } from '../CommandItem/CommandItem';
 import type { EmoticonItemProps } from '../EmoticonItem/EmoticonItem';
 import type { UserItemProps } from '../UserItem/UserItem';
 
-import type { CustomTrigger, DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import type {
+  CustomTrigger,
+  DefaultStreamChatGenerics,
+  UnknownType,
+} from '../../types/types';
 
 export type AutocompleteMinimalData = {
   id?: string;
@@ -22,13 +29,13 @@ export type AutocompleteMinimalData = {
 } & ({ id: string } | { name: string });
 
 export type CommandTriggerSetting<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = TriggerSetting<CommandItemProps, SuggestionCommand<StreamChatGenerics>>;
 
 export type EmojiTriggerSetting = TriggerSetting<EmoticonItemProps>;
 
 export type UserTriggerSetting<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = TriggerSetting<UserItemProps, SuggestionUser<StreamChatGenerics>>;
 
 export type TriggerSetting<T extends UnknownType = UnknownType, U = UnknownType> = {
@@ -38,9 +45,7 @@ export type TriggerSetting<T extends UnknownType = UnknownType, U = UnknownType>
     text: string,
     onReady: (data: (U & AutocompleteMinimalData)[], token: string) => void,
   ) => U[] | PromiseLike<void> | void;
-  output: (
-    entity: U,
-  ) =>
+  output: (entity: U) =>
     | {
         caretPosition: 'start' | 'end' | 'next' | number;
         text: string;
@@ -53,7 +58,7 @@ export type TriggerSetting<T extends UnknownType = UnknownType, U = UnknownType>
 
 export type TriggerSettings<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 > =
   | {
       [key in keyof V]: TriggerSetting<V[key]['componentProps'], V[key]['data']>;
@@ -66,11 +71,13 @@ export type TriggerSettings<
 
 export const DefaultTriggerProvider = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >({
   children,
 }: PropsWithChildren<Record<string, unknown>>) => {
-  const currentValue = useMessageInputContext<StreamChatGenerics, V>('DefaultTriggerProvider');
+  const currentValue = useMessageInputContext<StreamChatGenerics, V>(
+    'DefaultTriggerProvider',
+  );
 
   const defaultAutocompleteTriggers: TriggerSettings<StreamChatGenerics> = {
     '/': useCommandTrigger<StreamChatGenerics>(),
@@ -89,5 +96,7 @@ export const DefaultTriggerProvider = <
     autocompleteTriggers: defaultAutocompleteTriggers,
   };
 
-  return <MessageInputContextProvider value={newValue}>{children}</MessageInputContextProvider>;
+  return (
+    <MessageInputContextProvider value={newValue}>{children}</MessageInputContextProvider>
+  );
 };
diff --git a/src/components/MessageInput/DropzoneProvider.tsx b/src/components/MessageInput/DropzoneProvider.tsx
index 236cdf44e9..0f82adea9d 100644
--- a/src/components/MessageInput/DropzoneProvider.tsx
+++ b/src/components/MessageInput/DropzoneProvider.tsx
@@ -13,24 +13,23 @@ import {
 
 import type { MessageInputProps } from './MessageInput';
 
-import type { CustomTrigger, DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import type {
+  CustomTrigger,
+  DefaultStreamChatGenerics,
+  UnknownType,
+} from '../../types/types';
 
 const DropzoneInner = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >({
   children,
 }: PropsWithChildren<UnknownType>) => {
-  const { acceptedFiles, multipleUploads } = useChannelStateContext<StreamChatGenerics>(
-    'DropzoneProvider',
-  );
+  const { acceptedFiles, multipleUploads } =
+    useChannelStateContext<StreamChatGenerics>('DropzoneProvider');
 
-  const {
-    cooldownRemaining,
-    isUploadEnabled,
-    maxFilesLeft,
-    uploadNewFiles,
-  } = useMessageInputContext<StreamChatGenerics, V>('DropzoneProvider');
+  const { cooldownRemaining, isUploadEnabled, maxFilesLeft, uploadNewFiles } =
+    useMessageInputContext<StreamChatGenerics, V>('DropzoneProvider');
 
   return (
     <ImageDropzone
@@ -47,7 +46,7 @@ const DropzoneInner = <
 
 export const DropzoneProvider = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: PropsWithChildren<MessageInputProps<StreamChatGenerics, V>>,
 ) => {
diff --git a/src/components/MessageInput/EditMessageForm.tsx b/src/components/MessageInput/EditMessageForm.tsx
index 34ad16fee8..ec0c6d93a0 100644
--- a/src/components/MessageInput/EditMessageForm.tsx
+++ b/src/components/MessageInput/EditMessageForm.tsx
@@ -7,13 +7,14 @@ import type { CustomTrigger, DefaultStreamChatGenerics } from '../../types/types
 
 export const EditMessageForm = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >() => {
   const { t } = useTranslationContext('EditMessageForm');
 
-  const { clearEditingState, handleSubmit } = useMessageInputContext<StreamChatGenerics, V>(
-    'EditMessageForm',
-  );
+  const { clearEditingState, handleSubmit } = useMessageInputContext<
+    StreamChatGenerics,
+    V
+  >('EditMessageForm');
 
   useEffect(() => {
     const onKeyDown = (event: KeyboardEvent) => {
@@ -25,7 +26,11 @@ export const EditMessageForm = <
   }, [clearEditingState]);
 
   return (
-    <form autoComplete='off' className='str-chat__edit-message-form' onSubmit={handleSubmit}>
+    <form
+      autoComplete='off'
+      className='str-chat__edit-message-form'
+      onSubmit={handleSubmit}
+    >
       <MessageInputFlat />
       <div className='str-chat__edit-message-form-options'>
         <button
diff --git a/src/components/MessageInput/LinkPreviewList.tsx b/src/components/MessageInput/LinkPreviewList.tsx
index ec311d861c..e3276fcf22 100644
--- a/src/components/MessageInput/LinkPreviewList.tsx
+++ b/src/components/MessageInput/LinkPreviewList.tsx
@@ -34,16 +34,22 @@ type LinkPreviewProps = {
 
 const LinkPreviewCard = ({ linkPreview }: LinkPreviewProps) => {
   const { dismissLinkPreview } = useMessageInputContext();
-  const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers<HTMLDivElement>();
+  const { handleEnter, handleLeave, tooltipVisible } =
+    useEnterLeaveHandlers<HTMLDivElement>();
   const [referenceElement, setReferenceElement] = useState<HTMLDivElement | null>(null);
   return (
     <div
       className={clsx('str-chat__link-preview-card', {
-        'str-chat__link-preview-card--loading': linkPreview.state === LinkPreviewState.LOADING,
+        'str-chat__link-preview-card--loading':
+          linkPreview.state === LinkPreviewState.LOADING,
       })}
       data-testid='link-preview-card'
     >
-      <PopperTooltip offset={[0, 5]} referenceElement={referenceElement} visible={tooltipVisible}>
+      <PopperTooltip
+        offset={[0, 5]}
+        referenceElement={referenceElement}
+        visible={tooltipVisible}
+      >
         {linkPreview.og_scrape_url}
       </PopperTooltip>
       <div
@@ -55,8 +61,12 @@ const LinkPreviewCard = ({ linkPreview }: LinkPreviewProps) => {
         <LinkIcon />
       </div>
       <div className='str-chat__link-preview-card__content'>
-        <div className='str-chat__link-preview-card__content-title'>{linkPreview.title}</div>
-        <div className='str-chat__link-preview-card__content-description'>{linkPreview.text}</div>
+        <div className='str-chat__link-preview-card__content-title'>
+          {linkPreview.title}
+        </div>
+        <div className='str-chat__link-preview-card__content-description'>
+          {linkPreview.text}
+        </div>
       </div>
       <button
         className='str-chat__link-preview-card__dismiss-button'
diff --git a/src/components/MessageInput/MessageInput.tsx b/src/components/MessageInput/MessageInput.tsx
index ce6a92f2db..7c27cf62ee 100644
--- a/src/components/MessageInput/MessageInput.tsx
+++ b/src/components/MessageInput/MessageInput.tsx
@@ -6,7 +6,10 @@ import { useCooldownTimer } from './hooks/useCooldownTimer';
 import { useCreateMessageInputContext } from './hooks/useCreateMessageInputContext';
 import { useMessageInputState } from './hooks/useMessageInputState';
 import { StreamMessage, useChannelStateContext } from '../../context/ChannelStateContext';
-import { ComponentContextValue, useComponentContext } from '../../context/ComponentContext';
+import {
+  ComponentContextValue,
+  useComponentContext,
+} from '../../context/ComponentContext';
 import { MessageInputContextProvider } from '../../context/MessageInputContext';
 import { DialogManagerProvider } from '../../context';
 
@@ -35,12 +38,15 @@ export type EmojiSearchIndexResult = {
 export interface EmojiSearchIndex<T extends UnknownType = UnknownType> {
   search: (
     query: string,
-  ) => PromiseLike<Array<EmojiSearchIndexResult & T>> | Array<EmojiSearchIndexResult & T> | null;
+  ) =>
+    | PromiseLike<Array<EmojiSearchIndexResult & T>>
+    | Array<EmojiSearchIndexResult & T>
+    | null;
 }
 
 export type MessageInputProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 > = {
   /** Additional props to be passed to the underlying `AutoCompleteTextarea` component, [available props](https://www.npmjs.com/package/react-textarea-autosize) */
   additionalTextareaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
@@ -130,7 +136,7 @@ export type MessageInputProps<
 
 const MessageInputProvider = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: PropsWithChildren<MessageInputProps<StreamChatGenerics, V>>,
 ) => {
@@ -154,17 +160,15 @@ const MessageInputProvider = <
 
 const UnMemoizedMessageInput = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: MessageInputProps<StreamChatGenerics, V>,
 ) => {
   const { Input: PropInput } = props;
 
   const { dragAndDropWindow } = useChannelStateContext<StreamChatGenerics>();
-  const { Input: ContextInput, TriggerProvider = DefaultTriggerProvider } = useComponentContext<
-    StreamChatGenerics,
-    V
-  >('MessageInput');
+  const { Input: ContextInput, TriggerProvider = DefaultTriggerProvider } =
+    useComponentContext<StreamChatGenerics, V>('MessageInput');
 
   const Input = PropInput || ContextInput || MessageInputFlat;
   const dialogManagerId = props.isThreadInput
@@ -194,4 +198,6 @@ const UnMemoizedMessageInput = <
 /**
  * A high level component that has provides all functionality to the Input it renders.
  */
-export const MessageInput = React.memo(UnMemoizedMessageInput) as typeof UnMemoizedMessageInput;
+export const MessageInput = React.memo(
+  UnMemoizedMessageInput,
+) as typeof UnMemoizedMessageInput;
diff --git a/src/components/MessageInput/MessageInputFlat.tsx b/src/components/MessageInput/MessageInputFlat.tsx
index 3342989360..d68b9d2bd1 100644
--- a/src/components/MessageInput/MessageInputFlat.tsx
+++ b/src/components/MessageInput/MessageInputFlat.tsx
@@ -36,7 +36,7 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 import { AIStates, useAIState } from '../AIStateIndicator';
 
 export const MessageInputFlat = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >() => {
   const { t } = useTranslationContext('MessageInputFlat');
   const {
@@ -59,17 +59,17 @@ export const MessageInputFlat = <
   } = useMessageInputContext<StreamChatGenerics>('MessageInputFlat');
 
   const {
-    AudioRecorder = DefaultAudioRecorder,
     AttachmentPreviewList = DefaultAttachmentPreviewList,
     AttachmentSelector = message ? SimpleAttachmentSelector : DefaultAttachmentSelector,
+    AudioRecorder = DefaultAudioRecorder,
     CooldownTimer = DefaultCooldownTimer,
+    EmojiPicker,
     LinkPreviewList = DefaultLinkPreviewList,
     QuotedMessagePreview = DefaultQuotedMessagePreview,
     RecordingPermissionDeniedNotification = DefaultRecordingPermissionDeniedNotification,
     SendButton = DefaultSendButton,
     StartRecordingAudioButton = DefaultStartRecordingAudioButton,
     StopAIGenerationButton: StopAIGenerationButtonOverride,
-    EmojiPicker,
   } = useComponentContext<StreamChatGenerics>('MessageInputFlat');
   const {
     acceptedFiles = [],
@@ -136,7 +136,8 @@ export const MessageInputFlat = <
 
   // TODO: "!message" condition is a temporary fix for shared
   // state when editing a message (fix shared state issue)
-  const displayQuotedMessage = !message && quotedMessage && quotedMessage.parent_id === parent?.id;
+  const displayQuotedMessage =
+    !message && quotedMessage && quotedMessage.parent_id === parent?.id;
   const recordingEnabled = !!(recordingController.recorder && navigator.mediaDevices); // account for requirement on iOS as per this bug report: https://bugs.webkit.org/show_bug.cgi?id=252303
   const isRecording = !!recordingController.recordingState;
 
@@ -150,7 +151,8 @@ export const MessageInputFlat = <
       ? DefaultStopAIGenerationButton
       : StopAIGenerationButtonOverride;
   const shouldDisplayStopAIGeneration =
-    [AIStates.Thinking, AIStates.Generating].includes(aiState) && !!StopAIGenerationButton;
+    [AIStates.Thinking, AIStates.Generating].includes(aiState) &&
+    !!StopAIGenerationButton;
 
   return (
     <>
@@ -181,7 +183,9 @@ export const MessageInputFlat = <
         <div className='str-chat__message-input-inner'>
           <AttachmentSelector />
           <div className='str-chat__message-textarea-container'>
-            {displayQuotedMessage && <QuotedMessagePreview quotedMessage={quotedMessage} />}
+            {displayQuotedMessage && (
+              <QuotedMessagePreview quotedMessage={quotedMessage} />
+            )}
             {isUploadEnabled &&
               !!(numberOfUploads + failedUploadsCount || attachments.length > 0) && (
                 <AttachmentPreviewList />
diff --git a/src/components/MessageInput/QuotedMessagePreview.tsx b/src/components/MessageInput/QuotedMessagePreview.tsx
index 6f45849fb9..b89bf125f5 100644
--- a/src/components/MessageInput/QuotedMessagePreview.tsx
+++ b/src/components/MessageInput/QuotedMessagePreview.tsx
@@ -15,9 +15,10 @@ import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export const QuotedMessagePreviewHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >() => {
-  const { setQuotedMessage } = useChannelActionContext<StreamChatGenerics>('QuotedMessagePreview');
+  const { setQuotedMessage } =
+    useChannelActionContext<StreamChatGenerics>('QuotedMessagePreview');
   const { t } = useTranslationContext('QuotedMessagePreview');
 
   return (
@@ -37,21 +38,19 @@ export const QuotedMessagePreviewHeader = <
 };
 
 export type QuotedMessagePreviewProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   quotedMessage: StreamMessage<StreamChatGenerics>;
 };
 
 export const QuotedMessagePreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   quotedMessage,
 }: QuotedMessagePreviewProps<StreamChatGenerics>) => {
   const { client } = useChatContext();
-  const {
-    Attachment = DefaultAttachment,
-    Avatar = DefaultAvatar,
-  } = useComponentContext<StreamChatGenerics>('QuotedMessagePreview');
+  const { Attachment = DefaultAttachment, Avatar = DefaultAvatar } =
+    useComponentContext<StreamChatGenerics>('QuotedMessagePreview');
   const { userLanguage } = useTranslationContext('QuotedMessagePreview');
 
   const quotedMessageText =
@@ -68,7 +67,10 @@ export const QuotedMessagePreview = <
   const poll = quotedMessage.poll_id && client.polls.fromState(quotedMessage.poll_id);
 
   return (
-    <div className='str-chat__quoted-message-preview' data-testid='quoted-message-preview'>
+    <div
+      className='str-chat__quoted-message-preview'
+      data-testid='quoted-message-preview'
+    >
       {quotedMessage.user && (
         <Avatar
           className='str-chat__avatar--quoted-message-sender'
@@ -85,7 +87,10 @@ export const QuotedMessagePreview = <
             {!!quotedMessageAttachment.length && (
               <Attachment attachments={quotedMessageAttachment} isQuoted />
             )}
-            <div className='str-chat__quoted-message-text' data-testid='quoted-message-text'>
+            <div
+              className='str-chat__quoted-message-text'
+              data-testid='quoted-message-text'
+            >
               <p>{quotedMessageText}</p>
             </div>
           </>
diff --git a/src/components/MessageInput/SendButton.tsx b/src/components/MessageInput/SendButton.tsx
index 38aae95fb8..5355875650 100644
--- a/src/components/MessageInput/SendButton.tsx
+++ b/src/components/MessageInput/SendButton.tsx
@@ -4,7 +4,7 @@ import { SendIcon } from './icons';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type SendButtonProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   sendMessage: (
     event: React.BaseSyntheticEvent,
@@ -12,7 +12,7 @@ export type SendButtonProps<
   ) => void;
 } & React.ComponentProps<'button'>;
 export const SendButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   sendMessage,
   ...rest
diff --git a/src/components/MessageInput/StopAIGenerationButton.tsx b/src/components/MessageInput/StopAIGenerationButton.tsx
index ff566cba3d..9761c4459e 100644
--- a/src/components/MessageInput/StopAIGenerationButton.tsx
+++ b/src/components/MessageInput/StopAIGenerationButton.tsx
@@ -3,7 +3,10 @@ import { useTranslationContext } from '../../context';
 
 export type StopAIGenerationButtonProps = React.ComponentProps<'button'>;
 
-export const StopAIGenerationButton = ({ onClick, ...restProps }: StopAIGenerationButtonProps) => {
+export const StopAIGenerationButton = ({
+  onClick,
+  ...restProps
+}: StopAIGenerationButtonProps) => {
   const { t } = useTranslationContext();
   return (
     <button
diff --git a/src/components/MessageInput/__tests__/AttachmentPreviewList.test.js b/src/components/MessageInput/__tests__/AttachmentPreviewList.test.js
index 003d7ae359..277e451b31 100644
--- a/src/components/MessageInput/__tests__/AttachmentPreviewList.test.js
+++ b/src/components/MessageInput/__tests__/AttachmentPreviewList.test.js
@@ -1,5 +1,3 @@
-/* eslint-disable jest-dom/prefer-in-document */
-
 import React from 'react';
 
 import { fireEvent, render, screen } from '@testing-library/react';
@@ -56,40 +54,45 @@ describe('AttachmentPreviewList', () => {
 
     expect(attachmentList).toBeEmptyDOMElement();
   });
-  it.each(['uploading', 'failed', 'finished'])('renders previews with state "%s"', (state) => {
-    renderComponent({
-      contextValue: generateMessageInputContextValue({
-        attachments: [
-          generateAudioAttachment({
-            localMetadata: { id: 'audio-attachment-id', uploadState: state },
-            title: `audio-attachment-${state}`,
-          }),
-          generateVoiceRecordingAttachment({
-            localMetadata: { id: 'voice-recording-attachment-id', uploadState: state },
-            title: `voice-recording-attachment-${state}`,
-          }),
-          generateVideoAttachment({
-            localMetadata: { id: 'video-attachment-id', uploadState: state },
-            title: `video-attachment-${state}`,
-          }),
-          generateFileAttachment({
-            localMetadata: { id: 'file-attachment-id', uploadState: state },
-            title: `file-upload-${state}`,
-          }),
-          generateImageAttachment({
-            fallback: `image-upload-${state}`,
-            localMetadata: { id: 'image-attachment-id', uploadState: state },
-          }),
-        ],
-      }),
-    });
+  it.each(['uploading', 'failed', 'finished'])(
+    'renders previews with state "%s"',
+    (state) => {
+      renderComponent({
+        contextValue: generateMessageInputContextValue({
+          attachments: [
+            generateAudioAttachment({
+              localMetadata: { id: 'audio-attachment-id', uploadState: state },
+              title: `audio-attachment-${state}`,
+            }),
+            generateVoiceRecordingAttachment({
+              localMetadata: { id: 'voice-recording-attachment-id', uploadState: state },
+              title: `voice-recording-attachment-${state}`,
+            }),
+            generateVideoAttachment({
+              localMetadata: { id: 'video-attachment-id', uploadState: state },
+              title: `video-attachment-${state}`,
+            }),
+            generateFileAttachment({
+              localMetadata: { id: 'file-attachment-id', uploadState: state },
+              title: `file-upload-${state}`,
+            }),
+            generateImageAttachment({
+              fallback: `image-upload-${state}`,
+              localMetadata: { id: 'image-attachment-id', uploadState: state },
+            }),
+          ],
+        }),
+      });
 
-    expect(screen.getByTitle(`file-upload-${state}`)).toBeInTheDocument();
-    expect(screen.getByTitle(`image-upload-${state}`)).toBeInTheDocument();
-    expect(screen.getByTitle(`audio-attachment-${state}`)).toBeInTheDocument();
-    expect(screen.getByTitle(`voice-recording-attachment-${state}`)).toBeInTheDocument();
-    expect(screen.getByTitle(`video-attachment-${state}`)).toBeInTheDocument();
-  });
+      expect(screen.getByTitle(`file-upload-${state}`)).toBeInTheDocument();
+      expect(screen.getByTitle(`image-upload-${state}`)).toBeInTheDocument();
+      expect(screen.getByTitle(`audio-attachment-${state}`)).toBeInTheDocument();
+      expect(
+        screen.getByTitle(`voice-recording-attachment-${state}`),
+      ).toBeInTheDocument();
+      expect(screen.getByTitle(`video-attachment-${state}`)).toBeInTheDocument();
+    },
+  );
 
   describe.each(['audio', 'file', 'image', 'unsupported', 'voiceRecording', 'video'])(
     '%s attachments rendering',
@@ -200,7 +203,9 @@ describe('AttachmentPreviewList', () => {
         renderComponent({ contextValue });
 
         fireEvent.click(
-          screen.getByTestId(type === 'image' ? DELETE_BTN_IMAGE_TEST_ID : DELETE_BTN_TEST_ID),
+          screen.getByTestId(
+            type === 'image' ? DELETE_BTN_IMAGE_TEST_ID : DELETE_BTN_TEST_ID,
+          ),
         );
 
         expect(contextValue.removeAttachments).toHaveBeenCalledWith([
diff --git a/src/components/MessageInput/__tests__/AttachmentSelector.test.js b/src/components/MessageInput/__tests__/AttachmentSelector.test.js
index 77cad06bf2..cbca77c354 100644
--- a/src/components/MessageInput/__tests__/AttachmentSelector.test.js
+++ b/src/components/MessageInput/__tests__/AttachmentSelector.test.js
@@ -17,8 +17,10 @@ const ATTACHMENT_SELECTOR__ACTIONS_MENU_TEST_ID = 'attachment-selector-actions-m
 const POLL_CREATION_DIALOG_TEST_ID = 'poll-creation-dialog';
 
 const ATTACHMENT_SELECTOR_CLASS = 'str-chat__attachment-selector';
-const UPLOAD_FILE_BUTTON_CLASS = 'str-chat__attachment-selector-actions-menu__upload-file-button';
-const CREATE_POLL_BUTTON_CLASS = 'str-chat__attachment-selector-actions-menu__create-poll-button';
+const UPLOAD_FILE_BUTTON_CLASS =
+  'str-chat__attachment-selector-actions-menu__upload-file-button';
+const CREATE_POLL_BUTTON_CLASS =
+  'str-chat__attachment-selector-actions-menu__create-poll-button';
 
 const translationContext = {
   t: (v) => v,
@@ -59,7 +61,9 @@ const renderComponent = async ({
                 value={{ ...defaultChannelStateContext, channel, ...channelStateContext }}
               >
                 <div id={CHANNEL_CONTAINER_ID}>
-                  <MessageInput {...{ ...defaultMessageInputProps, ...messageInputProps }} />
+                  <MessageInput
+                    {...{ ...defaultMessageInputProps, ...messageInputProps }}
+                  />
                 </div>
               </ChannelStateProvider>
             </ChannelActionProvider>
@@ -85,7 +89,9 @@ describe('AttachmentSelector', () => {
     const { container } = await renderComponent({
       channelStateContext: { channelConfig: { polls: false } },
     });
-    expect(container.querySelector(`.${ATTACHMENT_SELECTOR_CLASS}`)).not.toBeInTheDocument();
+    expect(
+      container.querySelector(`.${ATTACHMENT_SELECTOR_CLASS}`),
+    ).not.toBeInTheDocument();
     expect(screen.getByTestId('file-upload-button')).toBeInTheDocument();
   });
 
@@ -93,7 +99,9 @@ describe('AttachmentSelector', () => {
     const { container } = await renderComponent({
       channelStateContext: { channelCapabilities: { 'upload-file': true } },
     });
-    expect(container.querySelector(`.${ATTACHMENT_SELECTOR_CLASS}`)).not.toBeInTheDocument();
+    expect(
+      container.querySelector(`.${ATTACHMENT_SELECTOR_CLASS}`),
+    ).not.toBeInTheDocument();
     expect(screen.getByTestId('file-upload-button')).toBeInTheDocument();
   });
 
@@ -101,7 +109,9 @@ describe('AttachmentSelector', () => {
     const { container } = await renderComponent({
       messageInputProps: { isThreadInput: true },
     });
-    expect(container.querySelector(`.${ATTACHMENT_SELECTOR_CLASS}`)).not.toBeInTheDocument();
+    expect(
+      container.querySelector(`.${ATTACHMENT_SELECTOR_CLASS}`),
+    ).not.toBeInTheDocument();
     expect(screen.getByTestId('file-upload-button')).toBeInTheDocument();
   });
 
@@ -120,7 +130,9 @@ describe('AttachmentSelector', () => {
     await renderComponent({
       channelStateContext: { channelCapabilities: {} },
     });
-    expect(screen.queryByTestId(ATTACHMENT_SELECTOR__ACTIONS_MENU_TEST_ID)).not.toBeInTheDocument();
+    expect(
+      screen.queryByTestId(ATTACHMENT_SELECTOR__ACTIONS_MENU_TEST_ID),
+    ).not.toBeInTheDocument();
   });
 
   it('opens poll creation dialog if Poll option is selected and closes the attachment selector menu', async () => {
@@ -153,9 +165,13 @@ describe('AttachmentSelector', () => {
     const customText = 'Custom text';
     const ActionButton = () => <div>{customText}</div>;
     const CustomAttachmentSelector = () => (
-      <AttachmentSelector attachmentSelectorActionSet={[{ ActionButton, type: 'custom' }]} />
+      <AttachmentSelector
+        attachmentSelectorActionSet={[{ ActionButton, type: 'custom' }]}
+      />
     );
-    await renderComponent({ componentContext: { AttachmentSelector: CustomAttachmentSelector } });
+    await renderComponent({
+      componentContext: { AttachmentSelector: CustomAttachmentSelector },
+    });
     await invokeMenu();
     const menu = screen.getByTestId(ATTACHMENT_SELECTOR__ACTIONS_MENU_TEST_ID);
     expect(menu).toBeInTheDocument();
@@ -183,7 +199,9 @@ describe('AttachmentSelector', () => {
         attachmentSelectorActionSet={[{ ActionButton, ModalContent, type: 'custom' }]}
       />
     );
-    await renderComponent({ componentContext: { AttachmentSelector: CustomAttachmentSelector } });
+    await renderComponent({
+      componentContext: { AttachmentSelector: CustomAttachmentSelector },
+    });
     await invokeMenu();
     act(() => {
       fireEvent.click(screen.getByText(buttonText));
@@ -209,7 +227,9 @@ describe('AttachmentSelector', () => {
     const CustomAttachmentSelector = () => (
       <AttachmentSelector getModalPortalDestination={getModalPortalDestination} />
     );
-    await renderComponent({ componentContext: { AttachmentSelector: CustomAttachmentSelector } });
+    await renderComponent({
+      componentContext: { AttachmentSelector: CustomAttachmentSelector },
+    });
     await invokeMenu();
     act(() => {
       fireEvent.click(screen.getByText('Poll'));
@@ -223,7 +243,9 @@ describe('AttachmentSelector', () => {
   it('allows to override PollCreationDialog', async () => {
     const testId = 'custom-poll-creation-dialog';
     const CustomPollCreationDialog = () => <div data-testid={testId} />;
-    await renderComponent({ componentContext: { PollCreationDialog: CustomPollCreationDialog } });
+    await renderComponent({
+      componentContext: { PollCreationDialog: CustomPollCreationDialog },
+    });
     await invokeMenu();
     const menu = screen.getByTestId(ATTACHMENT_SELECTOR__ACTIONS_MENU_TEST_ID);
     const createPollButton = menu.querySelector(`.${CREATE_POLL_BUTTON_CLASS}`);
diff --git a/src/components/MessageInput/__tests__/CooldownTimer.test.js b/src/components/MessageInput/__tests__/CooldownTimer.test.js
index 320f87449a..1560a2132c 100644
--- a/src/components/MessageInput/__tests__/CooldownTimer.test.js
+++ b/src/components/MessageInput/__tests__/CooldownTimer.test.js
@@ -54,7 +54,9 @@ describe('CooldownTimer', () => {
 
     rerender(<CooldownTimer {...props2} />);
 
-    expect(screen.queryByTestId(TIMER_TEST_ID)).toHaveTextContent(cooldownRemaining2.toString());
+    expect(screen.queryByTestId(TIMER_TEST_ID)).toHaveTextContent(
+      cooldownRemaining2.toString(),
+    );
     act(() => {
       jest.runAllTimers();
     });
diff --git a/src/components/MessageInput/__tests__/LinkPreviewList.test.js b/src/components/MessageInput/__tests__/LinkPreviewList.test.js
index dc22bca02d..a9bb9c8840 100644
--- a/src/components/MessageInput/__tests__/LinkPreviewList.test.js
+++ b/src/components/MessageInput/__tests__/LinkPreviewList.test.js
@@ -91,43 +91,50 @@ const ActiveChannelSetter = ({ activeChannel }) => {
 
 const ChatContextOverrider = ({ children, contextOverrides }) => {
   const context = useChatContext();
-  return <ChatProvider value={{ ...context, ...contextOverrides }}>{children}</ChatProvider>;
+  return (
+    <ChatProvider value={{ ...context, ...contextOverrides }}>{children}</ChatProvider>
+  );
 };
 
-const makeRenderFn = (InputComponent) => async ({
-  messageInputProps = {},
-  channelProps = {},
-  chatContextOverrides = {},
-  client = chatClient,
-  messageContextOverrides = {},
-  messageActionsBoxProps = {},
-} = {}) => {
-  let renderResult;
-  await act(() => {
-    renderResult = render(
-      <Chat client={client}>
-        <ChatContextOverrider contextOverrides={chatContextOverrides}>
-          <ActiveChannelSetter activeChannel={channel} />
-          <Channel {...channelProps}>
-            <MessageProvider value={{ ...defaultMessageContextValue, ...messageContextOverrides }}>
-              <MessageActionsBox
-                {...messageActionsBoxProps}
-                getMessageActions={defaultMessageContextValue.getMessageActions}
-              />
-            </MessageProvider>
-            <MessageInput Input={InputComponent} {...messageInputProps} />
-          </Channel>
-        </ChatContextOverrider>
-      </Chat>,
-    );
-  });
-  const submit = async () => {
-    const submitButton = renderResult.findByText('Send') || renderResult.findByTitle('Send');
-    fireEvent.click(await submitButton);
-  };
+const makeRenderFn =
+  (InputComponent) =>
+  async ({
+    channelProps = {},
+    chatContextOverrides = {},
+    client = chatClient,
+    messageActionsBoxProps = {},
+    messageContextOverrides = {},
+    messageInputProps = {},
+  } = {}) => {
+    let renderResult;
+    await act(() => {
+      renderResult = render(
+        <Chat client={client}>
+          <ChatContextOverrider contextOverrides={chatContextOverrides}>
+            <ActiveChannelSetter activeChannel={channel} />
+            <Channel {...channelProps}>
+              <MessageProvider
+                value={{ ...defaultMessageContextValue, ...messageContextOverrides }}
+              >
+                <MessageActionsBox
+                  {...messageActionsBoxProps}
+                  getMessageActions={defaultMessageContextValue.getMessageActions}
+                />
+              </MessageProvider>
+              <MessageInput Input={InputComponent} {...messageInputProps} />
+            </Channel>
+          </ChatContextOverrider>
+        </Chat>,
+      );
+    });
+    const submit = async () => {
+      const submitButton =
+        renderResult.findByText('Send') || renderResult.findByTitle('Send');
+      fireEvent.click(await submitButton);
+    };
 
-  return { submit, ...renderResult };
-};
+    return { submit, ...renderResult };
+  };
 
 const tearDown = () => {
   cleanup();
@@ -309,7 +316,9 @@ describe('Link preview', () => {
   });
 
   it('renders for URL with protocol', async () => {
-    jest.spyOn(chatClient, 'enrichURL').mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
+    jest
+      .spyOn(chatClient, 'enrichURL')
+      .mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
     await renderComponent({
       messageInputProps: MESSAGE_INPUT_PROPS_COMMON,
     });
@@ -328,7 +337,9 @@ describe('Link preview', () => {
   });
 
   it('renders for URL without protocol', async () => {
-    jest.spyOn(chatClient, 'enrichURL').mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
+    jest
+      .spyOn(chatClient, 'enrichURL')
+      .mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
     await renderComponent({
       messageInputProps: MESSAGE_INPUT_PROPS_COMMON,
     });
@@ -341,14 +352,16 @@ describe('Link preview', () => {
       });
     });
     const linkPreviews = await screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(1);
     expect(linkPreviews[0]).toHaveTextContent(scrapedData.og_scrape_url);
   });
 
   it('does not render with quoted message', async () => {
     const { message } = defaultMessageContextValue;
-    jest.spyOn(chatClient, 'enrichURL').mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
+    jest
+      .spyOn(chatClient, 'enrichURL')
+      .mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
     await renderComponent({
       messageContextOverrides: { message },
       messageInputProps: MESSAGE_INPUT_PROPS_COMMON,
@@ -384,7 +397,7 @@ describe('Link preview', () => {
       });
     });
     let linkPreviews = await screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(1);
     expect(linkPreviews[0]).toHaveTextContent(scrapedData1.og_scrape_url);
 
@@ -396,7 +409,7 @@ describe('Link preview', () => {
       });
     });
     linkPreviews = await screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(2);
     expect(linkPreviews[0]).toHaveTextContent(scrapedData1.og_scrape_url);
     expect(linkPreviews[1]).toHaveTextContent(scrapedData2.og_scrape_url);
@@ -409,7 +422,7 @@ describe('Link preview', () => {
       });
     });
     linkPreviews = await screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(3);
     expect(linkPreviews[0]).toHaveTextContent(scrapedData1.og_scrape_url);
     expect(linkPreviews[1]).toHaveTextContent(scrapedData2.og_scrape_url);
@@ -451,7 +464,7 @@ describe('Link preview', () => {
 
     await waitFor(() => {
       const linkPreviews = screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-      // eslint-disable-next-line
+
       expect(linkPreviews).toHaveLength(3);
       expect(linkPreviews[0]).toHaveTextContent(scrapedData1.og_scrape_url);
       expect(linkPreviews[1]).toHaveTextContent(scrapedData2.og_scrape_url);
@@ -460,7 +473,9 @@ describe('Link preview', () => {
   });
 
   it('renders as single preview if duplicates are present', async () => {
-    jest.spyOn(chatClient, 'enrichURL').mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
+    jest
+      .spyOn(chatClient, 'enrichURL')
+      .mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
     await renderComponent({
       messageInputProps: MESSAGE_INPUT_PROPS_COMMON,
     });
@@ -473,7 +488,7 @@ describe('Link preview', () => {
       });
     });
     let linkPreviews = await screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(1);
     expect(linkPreviews[0]).toHaveTextContent(scrapedData.og_scrape_url);
 
@@ -485,7 +500,7 @@ describe('Link preview', () => {
       });
     });
     linkPreviews = await screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(1);
     expect(linkPreviews[0]).toHaveTextContent(scrapedData.og_scrape_url);
   });
@@ -520,7 +535,9 @@ describe('Link preview', () => {
   });
 
   it('request enrichment for duplicate URLs where enrichment previously failed', async () => {
-    const enrichSpy = jest.spyOn(chatClient, 'enrichURL').mockRejectedValueOnce(new Error());
+    const enrichSpy = jest
+      .spyOn(chatClient, 'enrichURL')
+      .mockRejectedValueOnce(new Error());
     await renderComponent({
       messageInputProps: MESSAGE_INPUT_PROPS_COMMON,
     });
@@ -549,7 +566,9 @@ describe('Link preview', () => {
   });
 
   it('is unmounted when the URL is removed from the textarea value', async () => {
-    jest.spyOn(chatClient, 'enrichURL').mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
+    jest
+      .spyOn(chatClient, 'enrichURL')
+      .mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
     await renderComponent({
       messageInputProps: MESSAGE_INPUT_PROPS_COMMON,
     });
@@ -562,7 +581,7 @@ describe('Link preview', () => {
       });
     });
     let linkPreviews = screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(1);
     expect(linkPreviews[0]).toHaveTextContent(scrapedData.og_scrape_url);
 
@@ -574,13 +593,15 @@ describe('Link preview', () => {
       });
     });
     linkPreviews = screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(0);
   });
 
   it('is unmounted and disabled when dismissed', async () => {
     const typedText = `X ${scrapedData.og_scrape_url}`;
-    jest.spyOn(chatClient, 'enrichURL').mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
+    jest
+      .spyOn(chatClient, 'enrichURL')
+      .mockResolvedValueOnce({ duration: '10ms', ...scrapedData });
     await renderComponent({
       messageInputProps: MESSAGE_INPUT_PROPS_COMMON,
     });
@@ -593,7 +614,7 @@ describe('Link preview', () => {
       });
     });
     let linkPreviews = screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(1);
     expect(linkPreviews[0]).toHaveTextContent(scrapedData.og_scrape_url);
 
@@ -601,7 +622,7 @@ describe('Link preview', () => {
       fireEvent.click(await screen.findByTestId(LINK_PREVIEW_DISMISS_BTN_TEST_ID));
     });
     linkPreviews = screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(0);
 
     await act(async () => {
@@ -702,7 +723,9 @@ describe('Link preview', () => {
     });
 
     await act(async () => {
-      const dismissButtons = await screen.findAllByTestId(LINK_PREVIEW_DISMISS_BTN_TEST_ID);
+      const dismissButtons = await screen.findAllByTestId(
+        LINK_PREVIEW_DISMISS_BTN_TEST_ID,
+      );
       fireEvent.click(dismissButtons[1]);
     });
 
@@ -787,7 +810,9 @@ describe('Link preview', () => {
     });
 
     await act(async () => {
-      const dismissButtons = await screen.findAllByTestId(LINK_PREVIEW_DISMISS_BTN_TEST_ID);
+      const dismissButtons = await screen.findAllByTestId(
+        LINK_PREVIEW_DISMISS_BTN_TEST_ID,
+      );
       fireEvent.click(dismissButtons[1]);
     });
 
@@ -830,7 +855,7 @@ describe('Link preview', () => {
     });
 
     const linkPreviews = await screen.queryAllByTestId(LINK_PREVIEW_TEST_ID);
-    // eslint-disable-next-line
+
     expect(linkPreviews).toHaveLength(1);
     expect(linkPreviews[0]).toHaveTextContent(scrapedData1.og_scrape_url);
   });
@@ -902,7 +927,9 @@ describe('Link preview', () => {
     expect(editMessageSpy.mock.calls[0][0].attachments).toHaveLength(1);
     expect(editMessageSpy).toHaveBeenCalledWith(
       expect.objectContaining({
-        attachments: expect.arrayContaining([expect.objectContaining(scrapedImageAttachment)]),
+        attachments: expect.arrayContaining([
+          expect.objectContaining(scrapedImageAttachment),
+        ]),
       }),
       undefined,
       expect.objectContaining({ skip_enrich_url: true }),
@@ -950,11 +977,14 @@ describe('Link preview', () => {
   it('submit new message with skip_url_enrich:false if no link previews managed to get loaded', async () => {
     const channel = chatClient.channel('messaging', mockedChannelData.channel.id);
     const sendMessageSpy = jest.spyOn(channel, 'sendMessage').mockImplementation();
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     let resolveEnrichURLPromise;
     jest
       .spyOn(chatClient, 'enrichURL')
-      // eslint-disable-next-line no-unused-vars
-      .mockImplementationOnce(() => new Promise((res) => (resolveEnrichURLPromise = res)));
+
+      .mockImplementationOnce(
+        () => new Promise((res) => (resolveEnrichURLPromise = res)),
+      );
 
     const { submit } = await renderComponent({
       channelProps: { channel },
@@ -987,11 +1017,14 @@ describe('Link preview', () => {
 
     const sendMessageSpy = jest.spyOn(channel, 'sendMessage').mockImplementation();
 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     let resolveEnrichURLPromise;
     jest
       .spyOn(chatClient, 'enrichURL')
-      // eslint-disable-next-line no-unused-vars
-      .mockImplementationOnce(() => new Promise((res) => (resolveEnrichURLPromise = res)));
+
+      .mockImplementationOnce(
+        () => new Promise((res) => (resolveEnrichURLPromise = res)),
+      );
 
     const { submit } = await renderComponent({
       channelProps: { channel },
@@ -1152,7 +1185,9 @@ describe('Link preview', () => {
     await renderComponent({
       channelProps: {
         enrichURLForPreview: true,
-        enrichURLForPreviewConfig: { onLinkPreviewDismissed: onLinkPreviewDismissedChannel },
+        enrichURLForPreviewConfig: {
+          onLinkPreviewDismissed: onLinkPreviewDismissedChannel,
+        },
       },
     });
 
@@ -1183,7 +1218,9 @@ describe('Link preview', () => {
     await renderComponent({
       channelProps: {
         enrichURLForPreview: true,
-        enrichURLForPreviewConfig: { onLinkPreviewDismissed: onLinkPreviewDismissedChannel },
+        enrichURLForPreviewConfig: {
+          onLinkPreviewDismissed: onLinkPreviewDismissedChannel,
+        },
       },
       messageInputProps: {
         urlEnrichmentConfig: {
@@ -1205,7 +1242,9 @@ describe('Link preview', () => {
     });
 
     expect(enrichSpy).toHaveBeenCalledTimes(1);
-    expect(onLinkPreviewDismissedInput).toHaveBeenCalledWith(expect.objectContaining(scrapedData));
+    expect(onLinkPreviewDismissedInput).toHaveBeenCalledWith(
+      expect.objectContaining(scrapedData),
+    );
     expect(onLinkPreviewDismissedChannel).not.toHaveBeenCalled();
   });
 
@@ -1214,7 +1253,9 @@ describe('Link preview', () => {
     await renderComponent({
       channelProps: {
         enrichURLForPreview: true,
-        enrichURLForPreviewConfig: { debounceURLEnrichmentMs: debounceURLEnrichmentMsChannel },
+        enrichURLForPreviewConfig: {
+          debounceURLEnrichmentMs: debounceURLEnrichmentMsChannel,
+        },
       },
     });
 
@@ -1226,10 +1267,14 @@ describe('Link preview', () => {
       });
     });
 
-    expect(debounce).toHaveBeenCalledWith(expect.any(Function), debounceURLEnrichmentMsChannel, {
-      leading: false,
-      trailing: true,
-    });
+    expect(debounce).toHaveBeenCalledWith(
+      expect.any(Function),
+      debounceURLEnrichmentMsChannel,
+      {
+        leading: false,
+        trailing: true,
+      },
+    );
   });
 
   it('gives preference to debounceURLEnrichmentMs passed directly over the channel state context', async () => {
@@ -1238,7 +1283,9 @@ describe('Link preview', () => {
     await renderComponent({
       channelProps: {
         enrichURLForPreview: true,
-        enrichURLForPreviewConfig: { debounceURLEnrichmentMs: debounceURLEnrichmentMsChannel },
+        enrichURLForPreviewConfig: {
+          debounceURLEnrichmentMs: debounceURLEnrichmentMsChannel,
+        },
       },
       messageInputProps: {
         urlEnrichmentConfig: {
@@ -1255,10 +1302,14 @@ describe('Link preview', () => {
       });
     });
 
-    expect(debounce).toHaveBeenCalledWith(expect.any(Function), debounceURLEnrichmentMsInput, {
-      leading: false,
-      trailing: true,
-    });
+    expect(debounce).toHaveBeenCalledWith(
+      expect.any(Function),
+      debounceURLEnrichmentMsInput,
+      {
+        leading: false,
+        trailing: true,
+      },
+    );
   });
 
   it('are rendered in custom LinkPreviewList component', async () => {
@@ -1288,7 +1339,9 @@ describe('Link preview', () => {
     let resolveEnrichURLPromise;
     jest
       .spyOn(chatClient, 'enrichURL')
-      .mockImplementationOnce(() => new Promise((res) => (resolveEnrichURLPromise = res)));
+      .mockImplementationOnce(
+        () => new Promise((res) => (resolveEnrichURLPromise = res)),
+      );
 
     const { submit } = await renderComponent({
       channelProps: { channel, enrichURLForPreview: true },
diff --git a/src/components/MessageInput/__tests__/MessageInput.test.js b/src/components/MessageInput/__tests__/MessageInput.test.js
index cac2baeca8..dd619ccb68 100644
--- a/src/components/MessageInput/__tests__/MessageInput.test.js
+++ b/src/components/MessageInput/__tests__/MessageInput.test.js
@@ -81,7 +81,8 @@ const mockUploadApi = () =>
     }),
   );
 
-const mockFaultyUploadApi = (cause) => jest.fn().mockImplementation(() => Promise.reject(cause));
+const mockFaultyUploadApi = (cause) =>
+  jest.fn().mockImplementation(() => Promise.reject(cause));
 
 const submitMock = jest.fn();
 const editMock = jest.fn();
@@ -111,64 +112,70 @@ function dropFile(file, formElement) {
   });
 }
 
-const makeRenderFn = (InputComponent) => async ({
-  channelProps = {},
-  channelData = [],
-  chatContextOverrides = {},
-  customChannel,
-  customClient,
-  customUser,
-  messageInputProps = {},
-  messageContextOverrides = {},
-  messageActionsBoxProps = {},
-} = {}) => {
-  let channel = customChannel;
-  let client = customClient;
-  if (!(channel || client)) {
-    const result = await initClientWithChannels({
-      channelsData: [{ ...mockedChannelData, ...channelData }],
-      customUser: customUser || user,
-    });
-    channel = result.channels[0];
-    client = result.client;
-  }
-  let renderResult;
-
-  const defaultMessageInputProps =
-    InputComponent.name === 'EditMessageForm' ? { message: mainListMessage } : {};
-  await act(() => {
-    renderResult = render(
-      <ChatProvider value={{ ...defaultChatContext, channel, client, ...chatContextOverrides }}>
-        <Channel
-          doSendMessageRequest={submitMock}
-          doUpdateMessageRequest={editMock}
-          {...channelProps}
+const makeRenderFn =
+  (InputComponent) =>
+  async ({
+    channelData = [],
+    channelProps = {},
+    chatContextOverrides = {},
+    customChannel,
+    customClient,
+    customUser,
+    messageActionsBoxProps = {},
+    messageContextOverrides = {},
+    messageInputProps = {},
+  } = {}) => {
+    let channel = customChannel;
+    let client = customClient;
+    if (!(channel || client)) {
+      const result = await initClientWithChannels({
+        channelsData: [{ ...mockedChannelData, ...channelData }],
+        customUser: customUser || user,
+      });
+      channel = result.channels[0];
+      client = result.client;
+    }
+    let renderResult;
+
+    const defaultMessageInputProps =
+      InputComponent.name === 'EditMessageForm' ? { message: mainListMessage } : {};
+    await act(() => {
+      renderResult = render(
+        <ChatProvider
+          value={{ ...defaultChatContext, channel, client, ...chatContextOverrides }}
         >
-          <MessageProvider value={{ ...defaultMessageContextValue, ...messageContextOverrides }}>
-            <MessageActionsBox
-              {...messageActionsBoxProps}
-              getMessageActions={defaultMessageContextValue.getMessageActions}
+          <Channel
+            doSendMessageRequest={submitMock}
+            doUpdateMessageRequest={editMock}
+            {...channelProps}
+          >
+            <MessageProvider
+              value={{ ...defaultMessageContextValue, ...messageContextOverrides }}
+            >
+              <MessageActionsBox
+                {...messageActionsBoxProps}
+                getMessageActions={defaultMessageContextValue.getMessageActions}
+              />
+            </MessageProvider>
+            <MessageInput
+              Input={InputComponent}
+              {...{ ...defaultMessageInputProps, ...messageInputProps }}
             />
-          </MessageProvider>
-          <MessageInput
-            Input={InputComponent}
-            {...{ ...defaultMessageInputProps, ...messageInputProps }}
-          />
-        </Channel>
-      </ChatProvider>,
-    );
-  });
+          </Channel>
+        </ChatProvider>,
+      );
+    });
 
-  const submit = async () => {
-    const submitButton =
-      renderResult.queryByTestId(SEND_BTN_EDIT_FORM_TEST_ID) ||
-      renderResult.findByText('Send') ||
-      renderResult.findByTitle('Send');
-    fireEvent.click(await submitButton);
-  };
+    const submit = async () => {
+      const submitButton =
+        renderResult.queryByTestId(SEND_BTN_EDIT_FORM_TEST_ID) ||
+        renderResult.findByText('Send') ||
+        renderResult.findByTitle('Send');
+      fireEvent.click(await submitButton);
+    };
 
-  return { channel, client, submit, ...renderResult };
-};
+    return { channel, client, submit, ...renderResult };
+  };
 
 const tearDown = () => {
   cleanup();
@@ -379,7 +386,9 @@ function axeNoViolations(container) {
           expect(screen.queryByTestId(IMAGE_PREVIEW_TEST_ID)).not.toBeInTheDocument();
           expect(screen.queryByTestId(FILE_PREVIEW_TEST_ID)).not.toBeInTheDocument();
           expect(screen.queryByText(filename)).not.toBeInTheDocument();
-          expect(screen.queryByTestId(ATTACHMENT_PREVIEW_LIST_TEST_ID)).not.toBeInTheDocument();
+          expect(
+            screen.queryByTestId(ATTACHMENT_PREVIEW_LIST_TEST_ID),
+          ).not.toBeInTheDocument();
           if (componentName === 'EditMessageForm') {
             expect(formElement.value.startsWith(pastedString)).toBeTruthy();
           } else {
@@ -479,7 +488,11 @@ function axeNoViolations(container) {
         });
 
         await waitFor(() => {
-          expect(errorHandler).toHaveBeenCalledWith(cause, 'upload-attachment', expect.any(Object));
+          expect(errorHandler).toHaveBeenCalledWith(
+            cause,
+            'upload-attachment',
+            expect.any(Object),
+          );
           expect(doImageUploadRequest).toHaveBeenCalledWith(file, expect.any(Object));
         });
         await axeNoViolations(container);
@@ -503,7 +516,11 @@ function axeNoViolations(container) {
         act(() => dropFile(file, formElement));
 
         await waitFor(() => {
-          expect(errorHandler).toHaveBeenCalledWith(cause, 'upload-attachment', expect.any(Object));
+          expect(errorHandler).toHaveBeenCalledWith(
+            cause,
+            'upload-attachment',
+            expect.any(Object),
+          );
           expect(doFileUploadRequest).toHaveBeenCalledWith(file, expect.any(Object));
         });
 
@@ -565,7 +582,9 @@ function axeNoViolations(container) {
         const file2 = getFile(filename2);
         act(() => dropFile(file2, formElement));
 
-        await waitFor(() => expect(screen.queryByText(filename2)).not.toBeInTheDocument());
+        await waitFor(() =>
+          expect(screen.queryByText(filename2)).not.toBeInTheDocument(),
+        );
 
         await axeNoViolations(container);
       });
@@ -589,7 +608,9 @@ function axeNoViolations(container) {
 
         const file2 = getFile(filename2);
         act(() => dropFile(file2, formElement));
-        await waitFor(() => expect(screen.queryByText(filename2)).not.toBeInTheDocument());
+        await waitFor(() =>
+          expect(screen.queryByText(filename2)).not.toBeInTheDocument(),
+        );
         await axeNoViolations(container);
       });
 
@@ -608,7 +629,9 @@ function axeNoViolations(container) {
         const formElement = await screen.findByPlaceholderText(inputPlaceholder);
         const file = getFile(filename1);
         await act(() => dropFile(file, formElement));
-        await waitFor(() => expect(screen.queryByText(filename1)).not.toBeInTheDocument());
+        await waitFor(() =>
+          expect(screen.queryByText(filename1)).not.toBeInTheDocument(),
+        );
 
         expect(mockAddNotification).toHaveBeenCalledTimes(1);
         expect(mockAddNotification.mock.calls[0][0]).toContain('File is too large');
@@ -674,7 +697,9 @@ function axeNoViolations(container) {
             message: {},
           },
         });
-        expect(screen.queryByTestId(ATTACHMENT_PREVIEW_LIST_TEST_ID)).not.toBeInTheDocument();
+        expect(
+          screen.queryByTestId(ATTACHMENT_PREVIEW_LIST_TEST_ID),
+        ).not.toBeInTheDocument();
       });
 
       it('should not show attachment previews if no files uploaded and attachments available are only link previews', async () => {
@@ -683,7 +708,9 @@ function axeNoViolations(container) {
             message: { attachments: [generateScrapedDataAttachment()] },
           },
         });
-        expect(screen.queryByTestId(ATTACHMENT_PREVIEW_LIST_TEST_ID)).not.toBeInTheDocument();
+        expect(
+          screen.queryByTestId(ATTACHMENT_PREVIEW_LIST_TEST_ID),
+        ).not.toBeInTheDocument();
       });
 
       it('should not show attachment preview list if only failed uploads are available', async () => {
@@ -702,7 +729,9 @@ function axeNoViolations(container) {
         act(() => dropFile(file, formElement));
 
         await waitFor(() => {
-          expect(screen.queryByTestId(ATTACHMENT_PREVIEW_LIST_TEST_ID)).not.toBeInTheDocument();
+          expect(
+            screen.queryByTestId(ATTACHMENT_PREVIEW_LIST_TEST_ID),
+          ).not.toBeInTheDocument();
         });
       });
 
@@ -849,7 +878,11 @@ function axeNoViolations(container) {
           const { handleChange, handleSubmit, value } = useMessageInputContext();
           return (
             <form>
-              <input onChange={handleChange} placeholder={inputPlaceholder} value={value} />
+              <input
+                onChange={handleChange}
+                placeholder={inputPlaceholder}
+                value={value}
+              />
               <button
                 onClick={(event) => {
                   handleSubmit(event, customMessageData);
@@ -935,11 +968,15 @@ function axeNoViolations(container) {
       });
 
       it('should not do anything if the message is empty and has no files', async () => {
-        const { container, submit } = await renderComponent({ messageInputProps: { message: {} } });
+        const { container, submit } = await renderComponent({
+          messageInputProps: { message: {} },
+        });
 
         await act(() => submit());
 
-        expect(componentName === 'EditMessageForm' ? editMock : submitMock).not.toHaveBeenCalled();
+        expect(
+          componentName === 'EditMessageForm' ? editMock : submitMock,
+        ).not.toHaveBeenCalled();
         await axeNoViolations(container);
       });
 
@@ -957,7 +994,7 @@ function axeNoViolations(container) {
         act(() => dropFile(file, formElement));
 
         // wait for image uploading to complete before trying to send the message
-        // eslint-disable-next-line jest/prefer-called-with
+
         await waitFor(() => expect(doImageUploadRequest).toHaveBeenCalled());
 
         await act(() => submit());
@@ -1001,7 +1038,7 @@ function axeNoViolations(container) {
         act(() => dropFile(file, formElement));
 
         // wait for file uploading to complete before trying to send the message
-        // eslint-disable-next-line jest/prefer-called-with
+
         await waitFor(() => expect(doFileUploadRequest).toHaveBeenCalled());
 
         await act(() => submit());
@@ -1047,7 +1084,7 @@ function axeNoViolations(container) {
         act(() => dropFile(file, formElement));
 
         // wait for file uploading to complete before trying to send the message
-        // eslint-disable-next-line jest/prefer-called-with
+
         await waitFor(() => expect(doFileUploadRequest).toHaveBeenCalled());
 
         await act(() => submit());
@@ -1386,7 +1423,9 @@ function axeNoViolations(container) {
 
       const formElement = await screen.findByPlaceholderText(inputPlaceholder);
 
-      await waitFor(() => expect(screen.queryByText('Suggestion List')).not.toBeInTheDocument());
+      await waitFor(() =>
+        expect(screen.queryByText('Suggestion List')).not.toBeInTheDocument(),
+      );
 
       act(() => {
         fireEvent.change(formElement, {
@@ -1395,8 +1434,8 @@ function axeNoViolations(container) {
       });
 
       if (componentName !== 'EditMessageForm') {
-        await waitFor(
-          () => expect(screen.getByTestId('suggestion-list')).toBeInTheDocument(), // eslint-disable-line
+        await waitFor(() =>
+          expect(screen.getByTestId('suggestion-list')).toBeInTheDocument(),
         );
         const results = await axe(container);
         expect(results).toHaveNoViolations();
@@ -1491,7 +1530,9 @@ describe(`MessageInputFlat only`, () => {
   };
 
   const quotedMessagePreviewIsDisplayedCorrectly = async (message) => {
-    await waitFor(() => expect(screen.queryByTestId('quoted-message-preview')).toBeInTheDocument());
+    await waitFor(() =>
+      expect(screen.queryByTestId('quoted-message-preview')).toBeInTheDocument(),
+    );
     await waitFor(() => expect(screen.getByText(message.text)).toBeInTheDocument());
   };
 
@@ -1538,11 +1579,16 @@ describe(`MessageInputFlat only`, () => {
       const { container } = await renderComponent({
         customChannel: channel,
         customClient: client,
-        messageContextOverrides: { ...defaultMessageContextValue, message: messageWithPoll },
+        messageContextOverrides: {
+          ...defaultMessageContextValue,
+          message: messageWithPoll,
+        },
       });
 
       await initQuotedMessagePreview(messageWithPoll);
-      expect(container.querySelector('.str-chat__quoted-poll-preview')).toBeInTheDocument();
+      expect(
+        container.querySelector('.str-chat__quoted-poll-preview'),
+      ).toBeInTheDocument();
     });
 
     it('renders custom quoted Poll component if message contains poll', async () => {
@@ -1561,7 +1607,10 @@ describe(`MessageInputFlat only`, () => {
         channelProps: { QuotedPoll },
         customChannel: channel,
         customClient: client,
-        messageContextOverrides: { ...defaultMessageContextValue, message: messageWithPoll },
+        messageContextOverrides: {
+          ...defaultMessageContextValue,
+          message: messageWithPoll,
+        },
       });
 
       await initQuotedMessagePreview(messageWithPoll);
@@ -1647,7 +1696,9 @@ describe(`MessageInputFlat only`, () => {
     it('should be removed after cool-down period elapsed', async () => {
       jest.useFakeTimers();
       await renderWithActiveCooldown();
-      expect(screen.getByTestId(COOLDOWN_TIMER_TEST_ID)).toHaveTextContent(cooldown.toString());
+      expect(screen.getByTestId(COOLDOWN_TIMER_TEST_ID)).toHaveTextContent(
+        cooldown.toString(),
+      );
       act(() => {
         jest.advanceTimersByTime(cooldown * 1000);
       });
diff --git a/src/components/MessageInput/hooks/__tests__/useMessageInputState.test.js b/src/components/MessageInput/hooks/__tests__/useMessageInputState.test.js
index da29c86d3b..28238d5c7d 100644
--- a/src/components/MessageInput/hooks/__tests__/useMessageInputState.test.js
+++ b/src/components/MessageInput/hooks/__tests__/useMessageInputState.test.js
@@ -15,7 +15,11 @@ import {
   generateVoiceRecordingAttachment,
   initClientWithChannels,
 } from '../../../../mock-builders';
-import { ChannelActionProvider, ChannelStateProvider, ChatProvider } from '../../../../context';
+import {
+  ChannelActionProvider,
+  ChannelStateProvider,
+  ChatProvider,
+} from '../../../../context';
 
 const linkPreviewAttachments = Array.from({ length: 3 }, generateScrapedDataAttachment);
 const fileAttachment = generateFileAttachment();
@@ -38,7 +42,12 @@ const message = generateMessage({
 
 window.URL = { revokeObjectURL: jest.fn() };
 
-async function renderUseMessageInputStateHook({ channel, chatContext, client, props } = {}) {
+async function renderUseMessageInputStateHook({
+  channel,
+  chatContext,
+  client,
+  props,
+} = {}) {
   const {
     channels: [defaultChannel],
     client: defaultClient,
@@ -197,253 +206,276 @@ describe('useMessageInputState', () => {
         voiceRecording: generateVoiceRecordingAttachment,
       };
 
-      describe.each([['audio'], ['file'], ['image'], ['video'], ['voiceRecording'], ['custom']])(
-        'of type %s',
-        (type) => {
-          const data = generateAttachment[type]();
-          const fileDataOverrides = {
-            file: {
-              name: type === 'image' ? data.fallback : data.title,
-              type:
-                type === 'image' ? 'image/' + data.fallback.split('.')[1] : data.mime_type ?? '',
-            },
-          };
-          const attachment = {
-            ...(type === 'image'
-              ? generateLocalImageUploadAttachmentData(fileDataOverrides)
-              : generateLocalFileUploadAttachmentData(fileDataOverrides)),
-            ...data,
-          };
-          const getAppSettings = jest.fn();
+      describe.each([
+        ['audio'],
+        ['file'],
+        ['image'],
+        ['video'],
+        ['voiceRecording'],
+        ['custom'],
+      ])('of type %s', (type) => {
+        const data = generateAttachment[type]();
+        const fileDataOverrides = {
+          file: {
+            name: type === 'image' ? data.fallback : data.title,
+            type:
+              type === 'image'
+                ? 'image/' + data.fallback.split('.')[1]
+                : (data.mime_type ?? ''),
+          },
+        };
+        const attachment = {
+          ...(type === 'image'
+            ? generateLocalImageUploadAttachmentData(fileDataOverrides)
+            : generateLocalFileUploadAttachmentData(fileDataOverrides)),
+          ...data,
+        };
+        const getAppSettings = jest.fn();
 
-          it('does not upload attachment if file is missing', async () => {
-            const {
-              channels: [channel],
-              client,
-            } = await initClientWithChannels();
-            const sendFileSpy = jest.spyOn(channel, 'sendFile').mockResolvedValue({});
-            const { result } = await renderUseMessageInputStateHook({
-              channel,
-              chatContext: { getAppSettings },
-              client,
-            });
-            const att = { ...attachment, localMetadata: { ...attachment.localMetadata } };
-            delete att.localMetadata.file;
-            await act(async () => {
-              await result.current.uploadAttachment(att);
-            });
-            expect(sendFileSpy).not.toHaveBeenCalled();
+        it('does not upload attachment if file is missing', async () => {
+          const {
+            channels: [channel],
+            client,
+          } = await initClientWithChannels();
+          const sendFileSpy = jest.spyOn(channel, 'sendFile').mockResolvedValue({});
+          const { result } = await renderUseMessageInputStateHook({
+            channel,
+            chatContext: { getAppSettings },
+            client,
           });
+          const att = { ...attachment, localMetadata: { ...attachment.localMetadata } };
+          delete att.localMetadata.file;
+          await act(async () => {
+            await result.current.uploadAttachment(att);
+          });
+          expect(sendFileSpy).not.toHaveBeenCalled();
+        });
 
-          it.each([
-            [
-              'not among allowed file extensions',
-              {
-                allowed_file_extensions: [new Date().toISOString()],
-              },
-            ],
-            [
-              'uploading file with blocked extension',
-              {
-                blocked_file_extensions: attachment.localMetadata.file.type?.split('/').slice(-1),
-              },
-            ],
-            [
-              'mime_type not allowed',
-              {
-                allowed_mime_types: [new Date().toISOString()],
-              },
-            ],
-            [
-              'uploading file with blocked mime_type',
-              {
-                blocked_mime_types: [attachment.localMetadata.file.type],
-              },
-            ],
-            [
-              'file exceeds allowed size',
-              {
-                size_limit: attachment.localMetadata.file.size - 1,
-              },
-            ],
-          ])('does not upload attachment if %s in app config', async (_, appConfig) => {
-            getAppSettings.mockReturnValueOnce({
-              app: {
-                [type === 'image' ? 'image_upload_config' : 'file_upload_config']: appConfig,
-              },
-            });
-            const {
-              channels: [channel],
-              client,
-            } = await initClientWithChannels();
-            const originalConsoleError = console.error;
-            const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation((...args) => {
-              if (args[0].message.match('Missing permissions to upload the attachment')) return;
+        it.each([
+          [
+            'not among allowed file extensions',
+            {
+              allowed_file_extensions: [new Date().toISOString()],
+            },
+          ],
+          [
+            'uploading file with blocked extension',
+            {
+              blocked_file_extensions: attachment.localMetadata.file.type
+                ?.split('/')
+                .slice(-1),
+            },
+          ],
+          [
+            'mime_type not allowed',
+            {
+              allowed_mime_types: [new Date().toISOString()],
+            },
+          ],
+          [
+            'uploading file with blocked mime_type',
+            {
+              blocked_mime_types: [attachment.localMetadata.file.type],
+            },
+          ],
+          [
+            'file exceeds allowed size',
+            {
+              size_limit: attachment.localMetadata.file.size - 1,
+            },
+          ],
+        ])('does not upload attachment if %s in app config', async (_, appConfig) => {
+          getAppSettings.mockReturnValueOnce({
+            app: {
+              [type === 'image' ? 'image_upload_config' : 'file_upload_config']:
+                appConfig,
+            },
+          });
+          const {
+            channels: [channel],
+            client,
+          } = await initClientWithChannels();
+          const originalConsoleError = console.error;
+          const consoleErrorSpy = jest
+            .spyOn(console, 'error')
+            .mockImplementation((...args) => {
+              if (args[0].message.match('Missing permissions to upload the attachment'))
+                return;
               originalConsoleError(...args);
             });
-            const sendFileSpy = jest.spyOn(channel, 'sendFile').mockResolvedValue({});
-            const { result } = await renderUseMessageInputStateHook({
-              channel,
-              chatContext: { getAppSettings },
-              client,
-            });
-            await act(async () => {
-              await result.current.uploadAttachment(attachment);
-            });
-            expect(sendFileSpy).not.toHaveBeenCalled();
-            consoleErrorSpy.mockRestore();
+          const sendFileSpy = jest.spyOn(channel, 'sendFile').mockResolvedValue({});
+          const { result } = await renderUseMessageInputStateHook({
+            channel,
+            chatContext: { getAppSettings },
+            client,
+          });
+          await act(async () => {
+            await result.current.uploadAttachment(attachment);
           });
+          expect(sendFileSpy).not.toHaveBeenCalled();
+          consoleErrorSpy.mockRestore();
+        });
 
-          it('marks attachment as being uploaded', async () => {
-            const assetUrl = 'asset-url';
-            const {
-              channels: [channel],
-              client,
-            } = await initClientWithChannels();
-            jest
-              .spyOn(channel, type === 'image' ? 'sendImage' : 'sendFile')
-              .mockResolvedValue({ file: assetUrl });
-            const { result } = await renderUseMessageInputStateHook({
-              channel,
-              chatContext: { getAppSettings },
-              client,
-            });
-            if (type === 'image') {
-              expect(attachment.localMetadata.previewUri).toBeDefined();
-            }
+        it('marks attachment as being uploaded', async () => {
+          const assetUrl = 'asset-url';
+          const {
+            channels: [channel],
+            client,
+          } = await initClientWithChannels();
+          jest
+            .spyOn(channel, type === 'image' ? 'sendImage' : 'sendFile')
+            .mockResolvedValue({ file: assetUrl });
+          const { result } = await renderUseMessageInputStateHook({
+            channel,
+            chatContext: { getAppSettings },
+            client,
+          });
+          if (type === 'image') {
+            expect(attachment.localMetadata.previewUri).toBeDefined();
+          }
 
-            await act(async () => {
-              await result.current.uploadAttachment(attachment);
-            });
-            expect(result.current.attachments).toHaveLength(1);
-            expect(result.current.attachments[0].localMetadata.uploadState).toBe('finished');
+          await act(async () => {
+            await result.current.uploadAttachment(attachment);
+          });
+          expect(result.current.attachments).toHaveLength(1);
+          expect(result.current.attachments[0].localMetadata.uploadState).toBe(
+            'finished',
+          );
+
+          if (type === 'image') {
+            expect(result.current.attachments[0].image_url).toBe(assetUrl);
+            expect(
+              result.current.attachments[0].localMetadata.previewUri,
+            ).toBeUndefined();
+          } else {
+            expect(result.current.attachments[0].asset_url).toBe(assetUrl);
+          }
+        });
+
+        it('uses custom upload function', async () => {
+          const {
+            channels: [channel],
+            client,
+          } = await initClientWithChannels();
+          const customSendSpy = jest.fn();
+          const sendFileSpy = jest.spyOn(channel, 'sendFile').mockResolvedValue({});
+          const { result } = await renderUseMessageInputStateHook({
+            channel,
+            chatContext: { getAppSettings },
+            client,
+            props: {
+              [type === 'image' ? 'doImageUploadRequest' : 'doFileUploadRequest']:
+                customSendSpy,
+            },
+          });
+          await act(async () => {
+            await result.current.uploadAttachment(attachment);
+          });
+          expect(sendFileSpy).not.toHaveBeenCalled();
+          expect(customSendSpy).toHaveBeenCalledTimes(1);
+        });
 
-            if (type === 'image') {
-              expect(result.current.attachments[0].image_url).toBe(assetUrl);
-              expect(result.current.attachments[0].localMetadata.previewUri).toBeUndefined();
-            } else {
-              expect(result.current.attachments[0].asset_url).toBe(assetUrl);
-            }
+        it('removes attachment if upload response is falsy', async () => {
+          const {
+            channels: [channel],
+            client,
+          } = await initClientWithChannels();
+          jest
+            .spyOn(channel, type === 'image' ? 'sendImage' : 'sendFile')
+            .mockResolvedValue(undefined);
+          const { result } = await renderUseMessageInputStateHook({
+            channel,
+            chatContext: { getAppSettings },
+            client,
           });
 
-          it('uses custom upload function', async () => {
-            const {
-              channels: [channel],
-              client,
-            } = await initClientWithChannels();
-            const customSendSpy = jest.fn();
-            const sendFileSpy = jest.spyOn(channel, 'sendFile').mockResolvedValue({});
-            const { result } = await renderUseMessageInputStateHook({
-              channel,
-              chatContext: { getAppSettings },
-              client,
-              props: {
-                [type === 'image' ? 'doImageUploadRequest' : 'doFileUploadRequest']: customSendSpy,
-              },
-            });
-            await act(async () => {
-              await result.current.uploadAttachment(attachment);
-            });
-            expect(sendFileSpy).not.toHaveBeenCalled();
-            expect(customSendSpy).toHaveBeenCalledTimes(1);
+          await act(async () => {
+            await result.current.uploadAttachment(attachment);
           });
 
-          it('removes attachment if upload response is falsy', async () => {
-            const {
-              channels: [channel],
-              client,
-            } = await initClientWithChannels();
-            jest
-              .spyOn(channel, type === 'image' ? 'sendImage' : 'sendFile')
-              .mockResolvedValue(undefined);
-            const { result } = await renderUseMessageInputStateHook({
-              channel,
-              chatContext: { getAppSettings },
-              client,
-            });
+          expect(result.current.attachments).toHaveLength(0);
+        });
 
-            await act(async () => {
-              await result.current.uploadAttachment(attachment);
-            });
+        const errMsg = 'Went wrong';
+        const errMsgCustom = 'Went wrong custom';
 
-            expect(result.current.attachments).toHaveLength(0);
+        it('invokes custom error handler', async () => {
+          const {
+            channels: [channel],
+            client,
+          } = await initClientWithChannels();
+          jest.spyOn(channel, 'sendFile').mockRejectedValue(new Error(errMsg));
+          const originalConsoleError = console.error;
+          const consoleErrorSpy = jest
+            .spyOn(console, 'error')
+            .mockImplementation((...args) => {
+              if (args[0].message === errMsg) return;
+              originalConsoleError(...args);
+            });
+          const customSendSpy = jest.fn();
+          const sendFileSpy = jest.spyOn(channel, 'sendFile').mockResolvedValue({});
+          const { result } = await renderUseMessageInputStateHook({
+            channel,
+            chatContext: { getAppSettings },
+            client,
+            props: {
+              [type === 'image' ? 'doImageUploadRequest' : 'doFileUploadRequest']:
+                customSendSpy,
+            },
           });
+          await act(async () => {
+            await result.current.uploadAttachment(attachment);
+          });
+          expect(sendFileSpy).not.toHaveBeenCalled();
+          expect(customSendSpy).toHaveBeenCalledTimes(1);
+          consoleErrorSpy.mockRestore();
+        });
 
-          const errMsg = 'Went wrong';
-          const errMsgCustom = 'Went wrong custom';
-
-          it('invokes custom error handler', async () => {
+        it.each([['default'], ['custom']])(
+          'marks attachment as failed on upload error of %s function',
+          async (scenario) => {
             const {
               channels: [channel],
               client,
             } = await initClientWithChannels();
-            jest.spyOn(channel, 'sendFile').mockRejectedValue(new Error(errMsg));
+            const customSendSpy = jest.fn().mockRejectedValue(new Error(errMsgCustom));
+            jest
+              .spyOn(channel, type === 'image' ? 'sendImage' : 'sendFile')
+              .mockRejectedValue(new Error(errMsg));
             const originalConsoleError = console.error;
-            const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation((...args) => {
-              if (args[0].message === errMsg) return;
-              originalConsoleError(...args);
-            });
-            const customSendSpy = jest.fn();
-            const sendFileSpy = jest.spyOn(channel, 'sendFile').mockResolvedValue({});
+            const consoleErrorSpy = jest
+              .spyOn(console, 'error')
+              .mockImplementation((...args) => {
+                if ([errMsg, errMsgCustom].includes(args[0].message)) return;
+                originalConsoleError(...args);
+              });
             const { result } = await renderUseMessageInputStateHook({
               channel,
               chatContext: { getAppSettings },
               client,
-              props: {
-                [type === 'image' ? 'doImageUploadRequest' : 'doFileUploadRequest']: customSendSpy,
-              },
+              props:
+                scenario === 'custom'
+                  ? {
+                      [type === 'image' ? 'doImageUploadRequest' : 'doFileUploadRequest']:
+                        customSendSpy,
+                    }
+                  : {},
             });
+
             await act(async () => {
               await result.current.uploadAttachment(attachment);
             });
-            expect(sendFileSpy).not.toHaveBeenCalled();
-            expect(customSendSpy).toHaveBeenCalledTimes(1);
-            consoleErrorSpy.mockRestore();
-          });
-
-          it.each([['default'], ['custom']])(
-            'marks attachment as failed on upload error of %s function',
-            async (scenario) => {
-              const {
-                channels: [channel],
-                client,
-              } = await initClientWithChannels();
-              const customSendSpy = jest.fn().mockRejectedValue(new Error(errMsgCustom));
-              jest
-                .spyOn(channel, type === 'image' ? 'sendImage' : 'sendFile')
-                .mockRejectedValue(new Error(errMsg));
-              const originalConsoleError = console.error;
-              const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation((...args) => {
-                if ([errMsg, errMsgCustom].includes(args[0].message)) return;
-                originalConsoleError(...args);
-              });
-              const { result } = await renderUseMessageInputStateHook({
-                channel,
-                chatContext: { getAppSettings },
-                client,
-                props:
-                  scenario === 'custom'
-                    ? {
-                        [type === 'image'
-                          ? 'doImageUploadRequest'
-                          : 'doFileUploadRequest']: customSendSpy,
-                      }
-                    : {},
-              });
 
-              await act(async () => {
-                await result.current.uploadAttachment(attachment);
-              });
-
-              expect(result.current.attachments[0].localMetadata.uploadState).toBe('failed');
-              expect(consoleErrorSpy.mock.calls[0][0].message).toBe(
-                scenario === 'custom' ? errMsgCustom : errMsg,
-              );
-              consoleErrorSpy.mockRestore();
-            },
-          );
-        },
-      );
+            expect(result.current.attachments[0].localMetadata.uploadState).toBe(
+              'failed',
+            );
+            expect(consoleErrorSpy.mock.calls[0][0].message).toBe(
+              scenario === 'custom' ? errMsgCustom : errMsg,
+            );
+            consoleErrorSpy.mockRestore();
+          },
+        );
+      });
     });
   });
 });
diff --git a/src/components/MessageInput/hooks/useAttachments.ts b/src/components/MessageInput/hooks/useAttachments.ts
index a9e279fb77..95a02d4169 100644
--- a/src/components/MessageInput/hooks/useAttachments.ts
+++ b/src/components/MessageInput/hooks/useAttachments.ts
@@ -4,7 +4,11 @@ import { nanoid } from 'nanoid';
 import { checkUploadPermissions } from './utils';
 import { isLocalAttachment, isLocalImageAttachment } from '../../Attachment';
 import type { FileLike } from '../../ReactFileUtilities';
-import { createFileFromBlobs, generateFileName, isBlobButNotFile } from '../../ReactFileUtilities';
+import {
+  createFileFromBlobs,
+  generateFileName,
+  isBlobButNotFile,
+} from '../../ReactFileUtilities';
 
 import {
   useChannelActionContext,
@@ -14,7 +18,10 @@ import {
 } from '../../../context';
 
 import type { Attachment, SendFileAPIResponse } from 'stream-chat';
-import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
+import type {
+  MessageInputReducerAction,
+  MessageInputState,
+} from './useMessageInputState';
 import type { MessageInputProps } from '../MessageInput';
 import type {
   AttachmentLoadingState,
@@ -38,7 +45,7 @@ const getAttachmentTypeFromMime = (mimeType: string) => {
 };
 
 const ensureIsLocalAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>,
 ): LocalAttachment<StreamChatGenerics> => {
@@ -57,7 +64,7 @@ const ensureIsLocalAttachment = <
 
 export const useAttachments = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: MessageInputProps<StreamChatGenerics, V>,
   state: MessageInputState<StreamChatGenerics>,
@@ -67,17 +74,18 @@ export const useAttachments = <
   const { doFileUploadRequest, doImageUploadRequest, errorHandler, noFiles } = props;
   const { getAppSettings } = useChatContext<StreamChatGenerics>('useAttachments');
   const { t } = useTranslationContext('useAttachments');
-  const { addNotification } = useChannelActionContext<StreamChatGenerics>('useAttachments');
-  const { channel, maxNumberOfFiles, multipleUploads } = useChannelStateContext<StreamChatGenerics>(
-    'useAttachments',
-  );
+  const { addNotification } =
+    useChannelActionContext<StreamChatGenerics>('useAttachments');
+  const { channel, maxNumberOfFiles, multipleUploads } =
+    useChannelStateContext<StreamChatGenerics>('useAttachments');
 
   // Number of files that the user can still add. Should never be more than the amount allowed by the API.
   // If multipleUploads is false, we only want to allow a single upload.
   const maxFilesAllowed = !multipleUploads ? 1 : maxNumberOfFiles || apiMaxNumberOfFiles;
 
   const numberOfUploads = Object.values(state.attachments).filter(
-    ({ localMetadata }) => localMetadata.uploadState && localMetadata.uploadState !== 'failed',
+    ({ localMetadata }) =>
+      localMetadata.uploadState && localMetadata.uploadState !== 'failed',
   ).length;
 
   const maxFilesLeft = maxFilesAllowed - numberOfUploads;
@@ -91,7 +99,12 @@ export const useAttachments = <
   );
 
   const upsertAttachments = useCallback(
-    (attachments: (Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>)[]) => {
+    (
+      attachments: (
+        | Attachment<StreamChatGenerics>
+        | LocalAttachment<StreamChatGenerics>
+      )[],
+    ) => {
       if (!attachments.length) return;
       dispatch({
         attachments: attachments.map(ensureIsLocalAttachment),
@@ -163,7 +176,10 @@ export const useAttachments = <
           response = await channel[isImage ? 'sendImage' : 'sendFile'](file);
         }
       } catch (error) {
-        let finalError: Error = { message: t('Error uploading attachment'), name: 'Error' };
+        let finalError: Error = {
+          message: t('Error uploading attachment'),
+          name: 'Error',
+        };
         if (typeof (error as Error).message === 'string') {
           finalError = error as Error;
         } else if (typeof error === 'object') {
@@ -184,7 +200,10 @@ export const useAttachments = <
         upsertAttachments([failedAttachment]);
 
         if (errorHandler) {
-          errorHandler(finalError as Error, 'upload-attachment', { ...file, id: localMetadata.id });
+          errorHandler(finalError as Error, 'upload-attachment', {
+            ...file,
+            id: localMetadata.id,
+          });
         }
 
         return failedAttachment;
@@ -240,7 +259,9 @@ export const useAttachments = <
 
   const uploadNewFiles = useCallback(
     (files: FileList | File[] | FileLike[]) => {
-      const filesToBeUploaded = noFiles ? Array.from(files).filter(isImageFile) : Array.from(files);
+      const filesToBeUploaded = noFiles
+        ? Array.from(files).filter(isImageFile)
+        : Array.from(files);
 
       filesToBeUploaded.slice(0, maxFilesLeft).forEach((fileLike) => {
         uploadAttachment({
diff --git a/src/components/MessageInput/hooks/useCommandTrigger.ts b/src/components/MessageInput/hooks/useCommandTrigger.ts
index c87eff808e..b7524517ce 100644
--- a/src/components/MessageInput/hooks/useCommandTrigger.ts
+++ b/src/components/MessageInput/hooks/useCommandTrigger.ts
@@ -10,14 +10,15 @@ import type { CommandTriggerSetting } from '../DefaultTriggerProvider';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 type ValidCommand<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Required<Pick<CommandResponse<StreamChatGenerics>, 'name'>> &
   Omit<CommandResponse<StreamChatGenerics>, 'name'>;
 
 export const useCommandTrigger = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(): CommandTriggerSetting<StreamChatGenerics> => {
-  const { channelConfig } = useChannelStateContext<StreamChatGenerics>('useCommandTrigger');
+  const { channelConfig } =
+    useChannelStateContext<StreamChatGenerics>('useCommandTrigger');
   const { t } = useTranslationContext('useCommandTrigger');
 
   const commands = channelConfig?.commands;
@@ -28,7 +29,9 @@ export const useCommandTrigger = <
       if (text.indexOf('/') !== 0 || !commands) {
         return [];
       }
-      const selectedCommands = commands.filter((command) => command.name?.indexOf(query) !== -1);
+      const selectedCommands = commands.filter(
+        (command) => command.name?.indexOf(query) !== -1,
+      );
 
       // sort alphabetically unless you're matching the first char
       selectedCommands.sort((a, b) => {
@@ -58,7 +61,9 @@ export const useCommandTrigger = <
         onReady(
           result
             .filter(
-              (result): result is CommandResponse<StreamChatGenerics> & { name: string } =>
+              (
+                result,
+              ): result is CommandResponse<StreamChatGenerics> & { name: string } =>
                 result.name !== undefined,
             )
             .map((commandData) => {
@@ -71,9 +76,12 @@ export const useCommandTrigger = <
                   defaultValue: commandData.args,
                 });
               if (commandData.description)
-                translatedCommandData.description = t(`${commandData.name}-command-description`, {
-                  defaultValue: commandData.description,
-                });
+                translatedCommandData.description = t(
+                  `${commandData.name}-command-description`,
+                  {
+                    defaultValue: commandData.description,
+                  },
+                );
 
               return translatedCommandData;
             }),
diff --git a/src/components/MessageInput/hooks/useCooldownTimer.tsx b/src/components/MessageInput/hooks/useCooldownTimer.tsx
index a86207ee3d..6dec05d5c2 100644
--- a/src/components/MessageInput/hooks/useCooldownTimer.tsx
+++ b/src/components/MessageInput/hooks/useCooldownTimer.tsx
@@ -12,12 +12,12 @@ export type CooldownTimerState = {
 };
 
 export const useCooldownTimer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(): CooldownTimerState => {
-  const { client, latestMessageDatesByChannels } = useChatContext<StreamChatGenerics>(
-    'useCooldownTimer',
-  );
-  const { channel, messages = [] } = useChannelStateContext<StreamChatGenerics>('useCooldownTimer');
+  const { client, latestMessageDatesByChannels } =
+    useChatContext<StreamChatGenerics>('useCooldownTimer');
+  const { channel, messages = [] } =
+    useChannelStateContext<StreamChatGenerics>('useCooldownTimer');
   const [cooldownRemaining, setCooldownRemaining] = useState<number>();
 
   const { cooldown: cooldownInterval = 0, own_capabilities } = (channel.data ||
@@ -29,7 +29,9 @@ export const useCooldownTimer = <
     () =>
       latestMessageDatesByChannels[channel.cid] ??
       [...messages]
-        .sort((a, b) => (b.created_at as Date)?.getTime() - (a.created_at as Date)?.getTime())
+        .sort(
+          (a, b) => (b.created_at as Date)?.getTime() - (a.created_at as Date)?.getTime(),
+        )
         .find((v) => v.user?.id === client.user?.id)?.created_at,
     [messages, client.user?.id, latestMessageDatesByChannels, channel.cid],
   ) as Date;
diff --git a/src/components/MessageInput/hooks/useCreateMessageInputContext.ts b/src/components/MessageInput/hooks/useCreateMessageInputContext.ts
index 60f09df242..8fa3576bae 100644
--- a/src/components/MessageInput/hooks/useCreateMessageInputContext.ts
+++ b/src/components/MessageInput/hooks/useCreateMessageInputContext.ts
@@ -5,7 +5,7 @@ import type { CustomTrigger, DefaultStreamChatGenerics } from '../../../types/ty
 
 export const useCreateMessageInputContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   value: MessageInputContextValue<StreamChatGenerics, V>,
 ) => {
diff --git a/src/components/MessageInput/hooks/useLinkPreviews.ts b/src/components/MessageInput/hooks/useLinkPreviews.ts
index 5f37dd2d6b..7f9913310e 100644
--- a/src/components/MessageInput/hooks/useLinkPreviews.ts
+++ b/src/components/MessageInput/hooks/useLinkPreviews.ts
@@ -2,7 +2,10 @@ import { find } from 'linkifyjs';
 import { Dispatch, useCallback, useEffect, useRef } from 'react';
 import debounce from 'lodash.debounce';
 import { useChannelStateContext, useChatContext } from '../../../context';
-import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
+import type {
+  MessageInputReducerAction,
+  MessageInputState,
+} from './useMessageInputState';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import type { LinkPreview, LinkPreviewMap } from '../types';
 import { LinkPreviewState, SetLinkPreviewMode } from '../types';
@@ -20,7 +23,7 @@ export type URLEnrichmentConfig = {
 };
 
 type UseEnrichURLsParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = URLEnrichmentConfig & {
   dispatch: Dispatch<MessageInputReducerAction<StreamChatGenerics>>;
   linkPreviews: MessageInputState<StreamChatGenerics>['linkPreviews'];
@@ -32,11 +35,13 @@ export type EnrichURLsController = {
   /** Function called when a single link preview is dismissed. */
   dismissLinkPreview: (linkPreview: LinkPreview) => void;
   /** Function that triggers the search for URLs and their enrichment. */
-  findAndEnqueueURLsToEnrich?: DebouncedFunc<(text: string, mode?: SetLinkPreviewMode) => void>;
+  findAndEnqueueURLsToEnrich?: DebouncedFunc<
+    (text: string, mode?: SetLinkPreviewMode) => void
+  >;
 };
 
 export const useLinkPreviews = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   debounceURLEnrichmentMs: debounceURLEnrichmentMsInputContext,
   dispatch,
@@ -174,6 +179,8 @@ export const useLinkPreviews = <
     cancelURLEnrichment,
     dismissLinkPreview,
     findAndEnqueueURLsToEnrich:
-      channelConfig?.url_enrichment && enrichURLForPreview ? findAndEnqueueURLsToEnrich : undefined,
+      channelConfig?.url_enrichment && enrichURLForPreview
+        ? findAndEnqueueURLsToEnrich
+        : undefined,
   };
 };
diff --git a/src/components/MessageInput/hooks/useMessageInputState.ts b/src/components/MessageInput/hooks/useMessageInputState.ts
index 5c95f6c774..29d1c7ee79 100644
--- a/src/components/MessageInput/hooks/useMessageInputState.ts
+++ b/src/components/MessageInput/hooks/useMessageInputState.ts
@@ -1,14 +1,20 @@
 import React, { Reducer, useCallback, useReducer, useState } from 'react';
 import { nanoid } from 'nanoid';
 
-import { StreamMessage, useChannelStateContext } from '../../../context/ChannelStateContext';
+import {
+  StreamMessage,
+  useChannelStateContext,
+} from '../../../context/ChannelStateContext';
 
 import { useAttachments } from './useAttachments';
 import { EnrichURLsController, useLinkPreviews } from './useLinkPreviews';
 import { useMessageInputText } from './useMessageInputText';
 import { useSubmitHandler } from './useSubmitHandler';
 import { usePasteHandler } from './usePasteHandler';
-import { RecordingController, useMediaRecorder } from '../../MediaRecorder/hooks/useMediaRecorder';
+import {
+  RecordingController,
+  useMediaRecorder,
+} from '../../MediaRecorder/hooks/useMediaRecorder';
 import type { LinkPreviewMap, LocalAttachment } from '../types';
 import { LinkPreviewState, SetLinkPreviewMode } from '../types';
 import type { Attachment, Message, OGAttachment, UserResponse } from 'stream-chat';
@@ -23,7 +29,7 @@ import type {
 import { mergeDeep } from '../../../utils/mergeDeep';
 
 export type MessageInputState<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   attachments: LocalAttachment<StreamChatGenerics>[];
   linkPreviews: LinkPreviewMap;
@@ -33,7 +39,7 @@ export type MessageInputState<
 };
 
 type UpsertAttachmentsAction<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   attachments: LocalAttachment<StreamChatGenerics>[];
   type: 'upsertAttachments';
@@ -60,14 +66,14 @@ type SetLinkPreviewsAction = {
 };
 
 type AddMentionedUserAction<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   type: 'addMentionedUser';
   user: UserResponse<StreamChatGenerics>;
 };
 
 export type MessageInputReducerAction<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > =
   | SetTextAction
   | ClearAction
@@ -77,7 +83,7 @@ export type MessageInputReducerAction<
   | RemoveAttachmentsAction;
 
 export type MessageInputHookProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = EnrichURLsController & {
   handleChange: React.ChangeEventHandler<HTMLTextAreaElement>;
   handleSubmit: (
@@ -104,7 +110,7 @@ export type MessageInputHookProps<
 };
 
 const makeEmptyMessageInputState = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(): MessageInputState<StreamChatGenerics> => ({
   attachments: [],
   linkPreviews: new Map(),
@@ -117,9 +123,12 @@ const makeEmptyMessageInputState = <
  * Initializes the state. Empty if the message prop is falsy.
  */
 const initState = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  message?: Pick<StreamMessage<StreamChatGenerics>, 'attachments' | 'mentioned_users' | 'text'>,
+  message?: Pick<
+    StreamMessage<StreamChatGenerics>,
+    'attachments' | 'mentioned_users' | 'text'
+  >,
 ): MessageInputState<StreamChatGenerics> => {
   if (!message) {
     return makeEmptyMessageInputState();
@@ -143,7 +152,7 @@ const initState = <
           ({
             ...att,
             localMetadata: { id: nanoid() },
-          } as LocalAttachment<StreamChatGenerics>),
+          }) as LocalAttachment<StreamChatGenerics>,
       ) || [];
 
   const mentioned_users: StreamMessage['mentioned_users'] = message.mentioned_users || [];
@@ -161,7 +170,7 @@ const initState = <
  * MessageInput state reducer
  */
 const messageInputReducer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   state: MessageInputState<StreamChatGenerics>,
   action: MessageInputReducerAction<StreamChatGenerics>,
@@ -178,7 +187,8 @@ const messageInputReducer = <
       action.attachments.forEach((actionAttachment) => {
         const attachmentIndex = state.attachments.findIndex(
           (att) =>
-            att.localMetadata?.id && att.localMetadata?.id === actionAttachment.localMetadata?.id,
+            att.localMetadata?.id &&
+            att.localMetadata?.id === actionAttachment.localMetadata?.id,
         );
 
         if (attachmentIndex === -1) {
@@ -201,7 +211,9 @@ const messageInputReducer = <
     case 'removeAttachments': {
       return {
         ...state,
-        attachments: state.attachments.filter((att) => !action.ids.includes(att.localMetadata?.id)),
+        attachments: state.attachments.filter(
+          (att) => !action.ids.includes(att.localMetadata?.id),
+        ),
       };
     }
 
@@ -213,16 +225,19 @@ const messageInputReducer = <
           linkPreviews.delete(key);
         });
       } else {
-        Array.from(action.linkPreviews.values()).reduce<LinkPreviewMap>((acc, linkPreview) => {
-          const existingPreview = acc.get(linkPreview.og_scrape_url);
-          const alreadyEnqueued =
-            linkPreview.state === LinkPreviewState.QUEUED &&
-            existingPreview?.state !== LinkPreviewState.FAILED;
-
-          if (existingPreview && alreadyEnqueued) return acc;
-          acc.set(linkPreview.og_scrape_url, linkPreview);
-          return acc;
-        }, linkPreviews);
+        Array.from(action.linkPreviews.values()).reduce<LinkPreviewMap>(
+          (acc, linkPreview) => {
+            const existingPreview = acc.get(linkPreview.og_scrape_url);
+            const alreadyEnqueued =
+              linkPreview.state === LinkPreviewState.QUEUED &&
+              existingPreview?.state !== LinkPreviewState.FAILED;
+
+            if (existingPreview && alreadyEnqueued) return acc;
+            acc.set(linkPreview.og_scrape_url, linkPreview);
+            return acc;
+          },
+          linkPreviews,
+        );
 
         if (action.mode === SetLinkPreviewMode.SET) {
           Array.from(state.linkPreviews.keys()).forEach((key) => {
@@ -265,7 +280,7 @@ export type MentionsListState = {
  */
 export const useMessageInputState = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: MessageInputProps<StreamChatGenerics, V>,
 ): MessageInputState<StreamChatGenerics> &
@@ -292,7 +307,9 @@ export const useMessageInputState = <
     message ||
     ((Array.isArray(defaultValue)
       ? { text: defaultValue.join('') }
-      : { text: defaultValue?.toString() }) as Partial<StreamMessage<StreamChatGenerics>>);
+      : { text: defaultValue?.toString() }) as Partial<
+      StreamMessage<StreamChatGenerics>
+    >);
 
   const [state, dispatch] = useReducer(
     messageInputReducer as Reducer<
@@ -311,12 +328,10 @@ export const useMessageInputState = <
       urlEnrichmentConfig?.enrichURLForPreview ?? enrichURLForPreviewChannelContext,
   });
 
-  const { handleChange, insertText, textareaRef } = useMessageInputText<StreamChatGenerics, V>(
-    props,
-    state,
-    dispatch,
-    enrichURLsController.findAndEnqueueURLsToEnrich,
-  );
+  const { handleChange, insertText, textareaRef } = useMessageInputText<
+    StreamChatGenerics,
+    V
+  >(props, state, dispatch, enrichURLsController.findAndEnqueueURLsToEnrich);
 
   const [showCommandsList, setShowCommandsList] = useState(false);
   const [showMentionsList, setShowMentionsList] = useState(false);
diff --git a/src/components/MessageInput/hooks/useMessageInputText.ts b/src/components/MessageInput/hooks/useMessageInputText.ts
index f462401cc0..3f2a556f03 100644
--- a/src/components/MessageInput/hooks/useMessageInputText.ts
+++ b/src/components/MessageInput/hooks/useMessageInputText.ts
@@ -1,6 +1,9 @@
 import { useCallback, useEffect, useRef } from 'react';
 import { logChatPromiseExecution } from 'stream-chat';
-import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
+import type {
+  MessageInputReducerAction,
+  MessageInputState,
+} from './useMessageInputState';
 import type { MessageInputProps } from '../MessageInput';
 import { useChannelStateContext } from '../../../context/ChannelStateContext';
 
@@ -9,7 +12,7 @@ import type { EnrichURLsController } from './useLinkPreviews';
 
 export const useMessageInputText = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: MessageInputProps<StreamChatGenerics, V>,
   state: MessageInputState<StreamChatGenerics>,
@@ -55,7 +58,9 @@ export const useMessageInputText = <
       dispatch({
         getNewText: (prevText) => {
           const updatedText =
-            prevText.slice(0, selectionStart) + textToInsert + prevText.slice(selectionEnd);
+            prevText.slice(0, selectionStart) +
+            textToInsert +
+            prevText.slice(selectionEnd);
 
           if (maxLength && updatedText.length > maxLength) {
             return updatedText.slice(0, maxLength);
diff --git a/src/components/MessageInput/hooks/useSubmitHandler.ts b/src/components/MessageInput/hooks/useSubmitHandler.ts
index 5df169afd7..f40ea40471 100644
--- a/src/components/MessageInput/hooks/useSubmitHandler.ts
+++ b/src/components/MessageInput/hooks/useSubmitHandler.ts
@@ -6,7 +6,10 @@ import { LinkPreviewState } from '../types';
 
 import type { Attachment, Message, UpdatedMessage } from 'stream-chat';
 
-import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
+import type {
+  MessageInputReducerAction,
+  MessageInputState,
+} from './useMessageInputState';
 import type { MessageInputProps } from '../MessageInput';
 
 import type {
@@ -18,7 +21,7 @@ import type { EnrichURLsController } from './useLinkPreviews';
 
 export const useSubmitHandler = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: MessageInputProps<StreamChatGenerics, V>,
   state: MessageInputState<StreamChatGenerics>,
@@ -26,15 +29,20 @@ export const useSubmitHandler = <
   numberOfUploads: number,
   enrichURLsController: EnrichURLsController,
 ) => {
-  const { clearEditingState, message, overrideSubmitHandler, parent, publishTypingEvent } = props;
+  const {
+    clearEditingState,
+    message,
+    overrideSubmitHandler,
+    parent,
+    publishTypingEvent,
+  } = props;
 
   const { attachments, linkPreviews, mentioned_users, text } = state;
 
   const { cancelURLEnrichment, findAndEnqueueURLsToEnrich } = enrichURLsController;
   const { channel } = useChannelStateContext<StreamChatGenerics>('useSubmitHandler');
-  const { addNotification, editMessage, sendMessage } = useChannelActionContext<StreamChatGenerics>(
-    'useSubmitHandler',
-  );
+  const { addNotification, editMessage, sendMessage } =
+    useChannelActionContext<StreamChatGenerics>('useSubmitHandler');
   const { t } = useTranslationContext('useSubmitHandler');
 
   const textReference = useRef({ hasChanged: false, initialText: text });
@@ -87,6 +95,7 @@ export const useSubmitHandler = <
           (findAndEnqueueURLsToEnrich && !att.og_scrape_url), // filter out all the attachments scraped before the message was edited
       )
       .map((localAttachment) => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { localMetadata: _, ...attachment } = localAttachment;
         return attachment as Attachment;
       });
@@ -96,8 +105,9 @@ export const useSubmitHandler = <
     if (findAndEnqueueURLsToEnrich) {
       // prevent showing link preview in MessageInput after the message has been sent
       cancelURLEnrichment();
-      const someLinkPreviewsLoading = Array.from(linkPreviews.values()).some((linkPreview) =>
-        [LinkPreviewState.QUEUED, LinkPreviewState.LOADING].includes(linkPreview.state),
+      const someLinkPreviewsLoading = Array.from(linkPreviews.values()).some(
+        (linkPreview) =>
+          [LinkPreviewState.QUEUED, LinkPreviewState.LOADING].includes(linkPreview.state),
       );
       const someLinkPreviewsDismissed = Array.from(linkPreviews.values()).some(
         (linkPreview) => linkPreview.state === LinkPreviewState.DISMISSED,
@@ -110,11 +120,16 @@ export const useSubmitHandler = <
               (linkPreview) =>
                 linkPreview.state === LinkPreviewState.LOADED &&
                 !attachmentsFromUploads.find(
-                  (attFromUpload) => attFromUpload.og_scrape_url === linkPreview.og_scrape_url,
+                  (attFromUpload) =>
+                    attFromUpload.og_scrape_url === linkPreview.og_scrape_url,
                 ),
             )
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            .map(({ state: linkPreviewState, ...ogAttachment }) => ogAttachment as Attachment);
+
+            .map(
+              // eslint-disable-next-line @typescript-eslint/no-unused-vars
+              ({ state: linkPreviewState, ...ogAttachment }) =>
+                ogAttachment as Attachment,
+            );
 
       // scraped attachments are added only if all enrich queries has completed. Otherwise, the scraping has to be done server-side.
       sendOptions.skip_enrich_url =
@@ -146,11 +161,11 @@ export const useSubmitHandler = <
 
       try {
         await editMessage(
-          ({
+          {
             ...message,
             ...updatedMessage,
             ...customMessageData,
-          } as unknown) as UpdatedMessage<StreamChatGenerics>,
+          } as unknown as UpdatedMessage<StreamChatGenerics>,
           sendOptions,
         );
 
diff --git a/src/components/MessageInput/hooks/useUserTrigger.ts b/src/components/MessageInput/hooks/useUserTrigger.ts
index e02b190f3b..061c624b2b 100644
--- a/src/components/MessageInput/hooks/useUserTrigger.ts
+++ b/src/components/MessageInput/hooks/useUserTrigger.ts
@@ -16,7 +16,7 @@ import type { UserTriggerSetting } from '../../MessageInput/DefaultTriggerProvid
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export type UserTriggerParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   onSelectUser: (item: UserResponse<StreamChatGenerics>) => void;
   disableMentions?: boolean;
@@ -26,7 +26,7 @@ export type UserTriggerParams<
 };
 
 export const useUserTrigger = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   params: UserTriggerParams<StreamChatGenerics>,
 ): UserTriggerSetting<StreamChatGenerics> => {
@@ -66,9 +66,12 @@ export const useUserTrigger = <
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const queryMembersThrottled = useCallback(
     throttle(
-      async (query: string, onReady: (users: UserResponse<StreamChatGenerics>[]) => void) => {
+      async (
+        query: string,
+        onReady: (users: UserResponse<StreamChatGenerics>[]) => void,
+      ) => {
         try {
-          // @ts-expect-error
+          // @ts-expect-error valid query
           const response = await channel.queryMembers({
             name: { $autocomplete: query },
           });
@@ -100,7 +103,7 @@ export const useUserTrigger = <
 
     try {
       const { users } = await client.queryUsers(
-        // @ts-expect-error
+        // @ts-expect-error valid query
         {
           $or: [{ id: { $autocomplete: query } }, { name: { $autocomplete: query } }],
           ...(typeof mentionQueryParams.filters === 'function'
@@ -144,7 +147,9 @@ export const useUserTrigger = <
             mutes.some((mute) => mute.target.id === suggestion.id),
           );
         }
-        return data.filter((suggestion) => mutes.every((mute) => mute.target.id !== suggestion.id));
+        return data.filter((suggestion) =>
+          mutes.every((mute) => mute.target.id !== suggestion.id),
+        );
       };
 
       if (mentionAllAppUsers) {
diff --git a/src/components/MessageInput/hooks/utils.ts b/src/components/MessageInput/hooks/utils.ts
index e73c212a4e..c0a54f42f4 100644
--- a/src/components/MessageInput/hooks/utils.ts
+++ b/src/components/MessageInput/hooks/utils.ts
@@ -60,7 +60,7 @@ export const calculateLevenshtein = (query: string, name: string) => {
 };
 
 export type SearchLocalUserParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   ownUserId: string | undefined;
   query: string;
@@ -70,7 +70,7 @@ export type SearchLocalUserParams<
 };
 
 export const searchLocalUsers = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   params: SearchLocalUserParams<StreamChatGenerics>,
 ): UserResponse<StreamChatGenerics>[] => {
@@ -86,6 +86,7 @@ export const searchLocalUsers = <
 
     if (useMentionsTransliteration) {
       (async () => {
+        // eslint-disable-next-line import/no-extraneous-dependencies
         const { default: transliterate } = await import('@stream-io/transliterate');
         updatedName = transliterate(user.name || '').toLowerCase();
         updatedQuery = transliterate(query).toLowerCase();
@@ -98,7 +99,10 @@ export const searchLocalUsers = <
 
     if (updatedName) {
       const levenshtein = calculateLevenshtein(updatedQuery, updatedName);
-      if (updatedName.includes(updatedQuery) || (levenshtein <= maxDistance && lastDigits)) {
+      if (
+        updatedName.includes(updatedQuery) ||
+        (levenshtein <= maxDistance && lastDigits)
+      ) {
         return true;
       }
     }
@@ -112,7 +116,7 @@ export const searchLocalUsers = <
 };
 
 type CheckUploadPermissionsParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   addNotification: ChannelActionContextValue<StreamChatGenerics>['addNotification'];
   file: File;
@@ -122,7 +126,7 @@ type CheckUploadPermissionsParams<
 };
 
 export const checkUploadPermissions = async <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   params: CheckUploadPermissionsParams<StreamChatGenerics>,
 ) => {
@@ -144,7 +148,9 @@ export const checkUploadPermissions = async <
 
   const sendNotAllowedErrorNotification = () =>
     addNotification(
-      t(`Upload type: "{{ type }}" is not allowed`, { type: file.type || 'unknown type' }),
+      t(`Upload type: "{{ type }}" is not allowed`, {
+        type: file.type || 'unknown type',
+      }),
       'error',
     );
 
@@ -209,7 +215,10 @@ export const checkUploadPermissions = async <
 
 export function prettifyFileSize(bytes: number, precision = 3) {
   const units = ['B', 'kB', 'MB', 'GB'];
-  const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);
+  const exponent = Math.min(
+    Math.floor(Math.log(bytes) / Math.log(1024)),
+    units.length - 1,
+  );
   const mantissa = bytes / 1024 ** exponent;
   const formattedMantissa =
     precision === 0 ? Math.round(mantissa).toString() : mantissa.toPrecision(precision);
diff --git a/src/components/MessageInput/icons.tsx b/src/components/MessageInput/icons.tsx
index 8e7310066e..710f32c001 100644
--- a/src/components/MessageInput/icons.tsx
+++ b/src/components/MessageInput/icons.tsx
@@ -16,7 +16,13 @@ export const LoadingIndicatorIcon = ({ size = 20 }: { size?: number }) => {
         xmlns='http://www.w3.org/2000/svg'
       >
         <defs>
-          <linearGradient id={`${id}-linear-gradient`} x1='50%' x2='50%' y1='0%' y2='100%'>
+          <linearGradient
+            id={`${id}-linear-gradient`}
+            x1='50%'
+            x2='50%'
+            y1='0%'
+            y2='100%'
+          >
             <stop offset='0%' stopColor='#FFF' stopOpacity='0' />
             <stop data-testid='stop-color' offset='100%' stopOpacity='1' />
           </linearGradient>
@@ -107,7 +113,13 @@ export const DownloadIcon = () => (
 );
 
 export const LinkIcon = () => (
-  <svg fill='none' height='11' viewBox='0 0 20 11' width='20' xmlns='http://www.w3.org/2000/svg'>
+  <svg
+    fill='none'
+    height='11'
+    viewBox='0 0 20 11'
+    width='20'
+    xmlns='http://www.w3.org/2000/svg'
+  >
     <path
       clipRule='evenodd'
       d='M1.9 5.5C1.9 3.79 3.29 2.4 5 2.4H8.05C8.57467 2.4 9 1.97467 9 1.45C9 0.925329 8.57467 0.5 8.05 0.5H5C2.24 0.5 0 2.74 0 5.5C0 8.26 2.24 10.5 5 10.5H8.05C8.57467 10.5 9 10.0747 9 9.55C9 9.02533 8.57467 8.6 8.05 8.6H5C3.29 8.6 1.9 7.21 1.9 5.5ZM6 5.5C6 6.05228 6.44772 6.5 7 6.5H13C13.5523 6.5 14 6.05228 14 5.5C14 4.94772 13.5523 4.5 13 4.5H7C6.44772 4.5 6 4.94772 6 5.5ZM15 0.5H11.95C11.4253 0.5 11 0.925329 11 1.45C11 1.97467 11.4253 2.4 11.95 2.4H15C16.71 2.4 18.1 3.79 18.1 5.5C18.1 7.21 16.71 8.6 15 8.6H11.95C11.4253 8.6 11 9.02533 11 9.55C11 10.0747 11.4253 10.5 11.95 10.5H15C17.76 10.5 20 8.26 20 5.5C20 2.74 17.76 0.5 15 0.5Z'
diff --git a/src/components/MessageInput/types.ts b/src/components/MessageInput/types.ts
index b9b2a77f24..325cfc5568 100644
--- a/src/components/MessageInput/types.ts
+++ b/src/components/MessageInput/types.ts
@@ -1,4 +1,9 @@
-import type { Attachment, DefaultGenerics, ExtendableGenerics, OGAttachment } from 'stream-chat';
+import type {
+  Attachment,
+  DefaultGenerics,
+  ExtendableGenerics,
+  OGAttachment,
+} from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type AttachmentLoadingState = 'uploading' | 'finished' | 'failed';
@@ -31,7 +36,7 @@ export enum SetLinkPreviewMode {
 export type LinkPreviewMap = Map<LinkURL, LinkPreview>;
 
 export type VoiceRecordingAttachment<
-  StreamChatGenerics extends ExtendableGenerics = DefaultGenerics
+  StreamChatGenerics extends ExtendableGenerics = DefaultGenerics,
 > = Attachment<StreamChatGenerics> & {
   asset_url: string;
   type: 'voiceRecording';
@@ -42,18 +47,17 @@ export type VoiceRecordingAttachment<
   waveform_data?: Array<number>;
 };
 
-type FileAttachment<
-  StreamChatGenerics extends ExtendableGenerics = DefaultGenerics
-> = Attachment<StreamChatGenerics> & {
-  type: 'file';
-  asset_url?: string;
-  file_size?: number;
-  mime_type?: string;
-  title?: string;
-};
+type FileAttachment<StreamChatGenerics extends ExtendableGenerics = DefaultGenerics> =
+  Attachment<StreamChatGenerics> & {
+    type: 'file';
+    asset_url?: string;
+    file_size?: number;
+    mime_type?: string;
+    title?: string;
+  };
 
 export type AudioAttachment<
-  StreamChatGenerics extends ExtendableGenerics = DefaultGenerics
+  StreamChatGenerics extends ExtendableGenerics = DefaultGenerics,
 > = Attachment<StreamChatGenerics> & {
   type: 'audio';
   asset_url?: string;
@@ -63,7 +67,7 @@ export type AudioAttachment<
 };
 
 export type VideoAttachment<
-  StreamChatGenerics extends ExtendableGenerics = DefaultGenerics
+  StreamChatGenerics extends ExtendableGenerics = DefaultGenerics,
 > = Attachment<StreamChatGenerics> & {
   type: 'video';
   asset_url?: string;
@@ -72,15 +76,14 @@ export type VideoAttachment<
   title?: string;
 };
 
-type ImageAttachment<
-  StreamChatGenerics extends ExtendableGenerics = DefaultGenerics
-> = Attachment<StreamChatGenerics> & {
-  type: 'image';
-  fallback?: string;
-  image_url?: string;
-  original_height?: number;
-  original_width?: number;
-};
+type ImageAttachment<StreamChatGenerics extends ExtendableGenerics = DefaultGenerics> =
+  Attachment<StreamChatGenerics> & {
+    type: 'image';
+    fallback?: string;
+    image_url?: string;
+    original_height?: number;
+    original_width?: number;
+  };
 
 export type BaseLocalAttachmentMetadata = {
   id: string;
@@ -99,13 +102,12 @@ export type LocalAttachmentCast<A, L = Record<string, unknown>> = A & {
   localMetadata: L & BaseLocalAttachmentMetadata;
 };
 
-export type LocalAttachmentMetadata<
-  CustomLocalMetadata = Record<string, unknown>
-> = CustomLocalMetadata & BaseLocalAttachmentMetadata & LocalImageAttachmentUploadMetadata;
+export type LocalAttachmentMetadata<CustomLocalMetadata = Record<string, unknown>> =
+  CustomLocalMetadata & BaseLocalAttachmentMetadata & LocalImageAttachmentUploadMetadata;
 
 export type LocalVoiceRecordingAttachment<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = LocalAttachmentCast<
   VoiceRecordingAttachment<StreamChatGenerics>,
   LocalAttachmentUploadMetadata & CustomLocalMetadata
@@ -113,7 +115,7 @@ export type LocalVoiceRecordingAttachment<
 
 export type LocalAudioAttachment<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = LocalAttachmentCast<
   AudioAttachment<StreamChatGenerics>,
   LocalAttachmentUploadMetadata & CustomLocalMetadata
@@ -121,7 +123,7 @@ export type LocalAudioAttachment<
 
 export type LocalVideoAttachment<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = LocalAttachmentCast<
   VideoAttachment<StreamChatGenerics>,
   LocalAttachmentUploadMetadata & CustomLocalMetadata
@@ -129,7 +131,7 @@ export type LocalVideoAttachment<
 
 export type LocalImageAttachment<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = LocalAttachmentCast<
   ImageAttachment<StreamChatGenerics>,
   LocalImageAttachmentUploadMetadata & CustomLocalMetadata
@@ -137,7 +139,7 @@ export type LocalImageAttachment<
 
 export type LocalFileAttachment<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = LocalAttachmentCast<
   FileAttachment<StreamChatGenerics>,
   LocalAttachmentUploadMetadata & CustomLocalMetadata
@@ -145,14 +147,14 @@ export type LocalFileAttachment<
 
 export type AnyLocalAttachment<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = LocalAttachmentCast<
   Attachment<StreamChatGenerics>,
   LocalAttachmentMetadata<CustomLocalMetadata>
 >;
 
 export type LocalAttachment<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > =
   | AnyLocalAttachment<StreamChatGenerics>
   | LocalFileAttachment<StreamChatGenerics>
@@ -163,7 +165,7 @@ export type LocalAttachment<
 
 export type LocalAttachmentToUpload<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  CustomLocalMetadata = Record<string, unknown>
+  CustomLocalMetadata = Record<string, unknown>,
 > = Partial<Attachment<StreamChatGenerics>> & {
   localMetadata: Partial<BaseLocalAttachmentMetadata> &
     LocalAttachmentUploadMetadata &
diff --git a/src/components/MessageList/ConnectionStatus.tsx b/src/components/MessageList/ConnectionStatus.tsx
index 8099baa626..388f4d3512 100644
--- a/src/components/MessageList/ConnectionStatus.tsx
+++ b/src/components/MessageList/ConnectionStatus.tsx
@@ -7,7 +7,7 @@ import { useChatContext, useTranslationContext } from '../../context';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 const UnMemoizedConnectionStatus = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >() => {
   const { client } = useChatContext<StreamChatGenerics>('ConnectionStatus');
   const { t } = useTranslationContext('ConnectionStatus');
@@ -15,7 +15,9 @@ const UnMemoizedConnectionStatus = <
   const [online, setOnline] = useState(true);
 
   useEffect(() => {
-    const connectionChanged = ({ online: onlineStatus = false }: Event<StreamChatGenerics>) => {
+    const connectionChanged = ({
+      online: onlineStatus = false,
+    }: Event<StreamChatGenerics>) => {
       if (online !== onlineStatus) {
         setOnline(onlineStatus);
       }
diff --git a/src/components/MessageList/CustomNotification.tsx b/src/components/MessageList/CustomNotification.tsx
index 5afe9c809c..7c721f2378 100644
--- a/src/components/MessageList/CustomNotification.tsx
+++ b/src/components/MessageList/CustomNotification.tsx
@@ -7,7 +7,9 @@ export type CustomNotificationProps = {
   className?: string;
 };
 
-const UnMemoizedCustomNotification = (props: PropsWithChildren<CustomNotificationProps>) => {
+const UnMemoizedCustomNotification = (
+  props: PropsWithChildren<CustomNotificationProps>,
+) => {
   const { active, children, className, type } = props;
 
   if (!active) return null;
diff --git a/src/components/MessageList/GiphyPreviewMessage.tsx b/src/components/MessageList/GiphyPreviewMessage.tsx
index 66ae87b349..91f0ad4b5d 100644
--- a/src/components/MessageList/GiphyPreviewMessage.tsx
+++ b/src/components/MessageList/GiphyPreviewMessage.tsx
@@ -6,13 +6,13 @@ import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type GiphyPreviewMessageProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   message: StreamMessage<StreamChatGenerics>;
 };
 
 export const GiphyPreviewMessage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: GiphyPreviewMessageProps<StreamChatGenerics>,
 ) => {
diff --git a/src/components/MessageList/MessageList.tsx b/src/components/MessageList/MessageList.tsx
index ddeb86d192..405288d056 100644
--- a/src/components/MessageList/MessageList.tsx
+++ b/src/components/MessageList/MessageList.tsx
@@ -26,7 +26,10 @@ import { useChatContext } from '../../context/ChatContext';
 import { useComponentContext } from '../../context/ComponentContext';
 import { MessageListContextProvider } from '../../context/MessageListContext';
 import { EmptyStateIndicator as DefaultEmptyStateIndicator } from '../EmptyStateIndicator';
-import { InfiniteScroll, InfiniteScrollProps } from '../InfiniteScrollPaginator/InfiniteScroll';
+import {
+  InfiniteScroll,
+  InfiniteScrollProps,
+} from '../InfiniteScrollPaginator/InfiniteScroll';
 import { LoadingIndicator as DefaultLoadingIndicator } from '../Loading';
 import { defaultPinPermissions, MESSAGE_ACTIONS } from '../Message/utils';
 import { TypingIndicator as DefaultTypingIndicator } from '../TypingIndicator';
@@ -46,12 +49,12 @@ import {
 } from '../../constants/limits';
 
 type MessageListWithContextProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Omit<ChannelStateContextValue<StreamChatGenerics>, 'members' | 'mutes' | 'watchers'> &
   MessageListProps<StreamChatGenerics>;
 
 const MessageListWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageListWithContextProps<StreamChatGenerics>,
 ) => {
@@ -60,36 +63,36 @@ const MessageListWithContext = <
     channelUnreadUiState,
     disableDateSeparator = false,
     groupStyles,
+    hasMoreNewer = false,
+    headerPosition,
     hideDeletedMessages = false,
     hideNewMessageSeparator = false,
+    highlightedMessageId,
     internalInfiniteScrollProps: {
       threshold: loadMoreScrollThreshold = DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD,
       ...restInternalInfiniteScrollProps
     } = {},
+    jumpToLatestMessage = () => Promise.resolve(),
+    loadMore: loadMoreCallback,
+    loadMoreNewer: loadMoreNewerCallback, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
     maxTimeBetweenGroupedMessages,
     messageActions = Object.keys(MESSAGE_ACTIONS),
+    messageLimit = DEFAULT_NEXT_CHANNEL_PAGE_SIZE,
     messages = [],
-    notifications,
     noGroupByUser = false,
-    pinPermissions = defaultPinPermissions, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
-    returnAllReadData = false,
-    threadList = false,
-    unsafeHTML = false,
-    headerPosition,
+    notifications,
+    pinPermissions = defaultPinPermissions,
+    reactionDetailsSort,
     read,
     renderMessages = defaultRenderMessages,
+    returnAllReadData = false,
     reviewProcessedMessage,
-    messageLimit = DEFAULT_NEXT_CHANNEL_PAGE_SIZE,
-    loadMore: loadMoreCallback,
-    loadMoreNewer: loadMoreNewerCallback,
-    hasMoreNewer = false,
-    reactionDetailsSort,
     showUnreadNotificationAlways,
     sortReactionDetails,
     sortReactions,
     suppressAutoscroll,
-    highlightedMessageId,
-    jumpToLatestMessage = () => Promise.resolve(),
+    threadList = false,
+    unsafeHTML = false,
   } = props;
 
   const [listElement, setListElement] = React.useState<HTMLDivElement | null>(null);
@@ -100,11 +103,11 @@ const MessageListWithContext = <
   const {
     EmptyStateIndicator = DefaultEmptyStateIndicator,
     LoadingIndicator = DefaultLoadingIndicator,
+    MessageListMainPanel = DefaultMessageListMainPanel,
     MessageListNotifications = DefaultMessageListNotifications,
     MessageNotification = DefaultMessageNotification,
     TypingIndicator = DefaultTypingIndicator,
     UnreadMessagesNotification = DefaultUnreadMessagesNotification,
-    MessageListMainPanel = DefaultMessageListMainPanel,
   } = useComponentContext<StreamChatGenerics>('MessageList');
 
   const {
@@ -160,7 +163,8 @@ const MessageListWithContext = <
       getFlagMessageErrorNotification: props.getFlagMessageErrorNotification,
       getFlagMessageSuccessNotification: props.getFlagMessageSuccessNotification,
       getMarkMessageUnreadErrorNotification: props.getMarkMessageUnreadErrorNotification,
-      getMarkMessageUnreadSuccessNotification: props.getMarkMessageUnreadSuccessNotification,
+      getMarkMessageUnreadSuccessNotification:
+        props.getMarkMessageUnreadSuccessNotification,
       getMuteUserErrorNotification: props.getMuteUserErrorNotification,
       getMuteUserSuccessNotification: props.getMuteUserSuccessNotification,
       getPinMessageErrorNotification: props.getPinMessageErrorNotification,
@@ -213,7 +217,9 @@ const MessageListWithContext = <
 
   React.useLayoutEffect(() => {
     if (highlightedMessageId) {
-      const element = ulElement?.querySelector(`[data-message-id='${highlightedMessageId}']`);
+      const element = ulElement?.querySelector(
+        `[data-message-id='${highlightedMessageId}']`,
+      );
       element?.scrollIntoView({ block: 'center' });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -228,7 +234,9 @@ const MessageListWithContext = <
       <MessageListMainPanel>
         <DialogManagerProvider id={dialogManagerId}>
           {!threadList && showUnreadMessagesNotification && (
-            <UnreadMessagesNotification unreadCount={channelUnreadUiState?.unread_messages} />
+            <UnreadMessagesNotification
+              unreadCount={channelUnreadUiState?.unread_messages}
+            />
           )}
           <div
             className={clsx(messageListClass, customClasses?.threadList)}
@@ -312,7 +320,7 @@ type PropsDrilledToMessage =
   | 'unsafeHTML';
 
 export type MessageListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Partial<Pick<MessageProps<StreamChatGenerics>, PropsDrilledToMessage>> & {
   /** Disables the injection of date separator components in MessageList, defaults to `false` */
   disableDateSeparator?: boolean;
@@ -388,15 +396,12 @@ export type MessageListProps<
  * - [TypingContext](https://getstream.io/chat/docs/sdk/react/contexts/typing_context/)
  */
 export const MessageList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageListProps<StreamChatGenerics>,
 ) => {
-  const {
-    jumpToLatestMessage,
-    loadMore,
-    loadMoreNewer,
-  } = useChannelActionContext<StreamChatGenerics>('MessageList');
+  const { jumpToLatestMessage, loadMore, loadMoreNewer } =
+    useChannelActionContext<StreamChatGenerics>('MessageList');
 
   const {
     members: membersPropToNotPass, // eslint-disable-line @typescript-eslint/no-unused-vars
diff --git a/src/components/MessageList/MessageListMainPanel.tsx b/src/components/MessageList/MessageListMainPanel.tsx
index 8dd72069ac..3c2635ac16 100644
--- a/src/components/MessageList/MessageListMainPanel.tsx
+++ b/src/components/MessageList/MessageListMainPanel.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import type { PropsWithChildrenOnly } from '../../types/types';
 
-export const MESSAGE_LIST_MAIN_PANEL_CLASS = 'str-chat__main-panel-inner str-chat__message-list-main-panel' as const;
+export const MESSAGE_LIST_MAIN_PANEL_CLASS =
+  'str-chat__main-panel-inner str-chat__message-list-main-panel' as const;
 
 export const MessageListMainPanel = ({ children }: PropsWithChildrenOnly) => (
   <div className={MESSAGE_LIST_MAIN_PANEL_CLASS}>{children}</div>
diff --git a/src/components/MessageList/MessageListNotifications.tsx b/src/components/MessageList/MessageListNotifications.tsx
index e1f393d961..3db3a9918b 100644
--- a/src/components/MessageList/MessageListNotifications.tsx
+++ b/src/components/MessageList/MessageListNotifications.tsx
@@ -49,7 +49,9 @@ export const MessageListNotifications = (props: MessageListNotificationsProps) =
         threadList={threadList}
         unreadCount={unreadCount}
       >
-        {isNotAtLatestMessageSet ? t<string>('Latest Messages') : t<string>('New Messages!')}
+        {isNotAtLatestMessageSet
+          ? t<string>('Latest Messages')
+          : t<string>('New Messages!')}
       </MessageNotification>
     </div>
   );
diff --git a/src/components/MessageList/ScrollToBottomButton.tsx b/src/components/MessageList/ScrollToBottomButton.tsx
index 0daf248d52..d8508867c8 100644
--- a/src/components/MessageList/ScrollToBottomButton.tsx
+++ b/src/components/MessageList/ScrollToBottomButton.tsx
@@ -9,7 +9,10 @@ import type { Event } from 'stream-chat';
 import type { MessageNotificationProps } from './MessageNotification';
 
 const UnMemoizedScrollToBottomButton = (
-  props: Pick<MessageNotificationProps, 'isMessageListScrolledToBottom' | 'onClick' | 'threadList'>,
+  props: Pick<
+    MessageNotificationProps,
+    'isMessageListScrolledToBottom' | 'onClick' | 'threadList'
+  >,
 ) => {
   const { isMessageListScrolledToBottom, onClick, threadList } = props;
 
diff --git a/src/components/MessageList/UnreadMessagesSeparator.tsx b/src/components/MessageList/UnreadMessagesSeparator.tsx
index 0ea91c7f29..d09178da9e 100644
--- a/src/components/MessageList/UnreadMessagesSeparator.tsx
+++ b/src/components/MessageList/UnreadMessagesSeparator.tsx
@@ -20,7 +20,10 @@ export const UnreadMessagesSeparator = ({
 }: UnreadMessagesSeparatorProps) => {
   const { t } = useTranslationContext('UnreadMessagesSeparator');
   return (
-    <div className={UNREAD_MESSAGE_SEPARATOR_CLASS} data-testid='unread-messages-separator'>
+    <div
+      className={UNREAD_MESSAGE_SEPARATOR_CLASS}
+      data-testid='unread-messages-separator'
+    >
       {unreadCount && showCount
         ? t<string>('unreadMessagesSeparatorText', { count: unreadCount })
         : t<string>('Unread messages')}
diff --git a/src/components/MessageList/VirtualizedMessageList.tsx b/src/components/MessageList/VirtualizedMessageList.tsx
index a1139886dd..eae09ee050 100644
--- a/src/components/MessageList/VirtualizedMessageList.tsx
+++ b/src/components/MessageList/VirtualizedMessageList.tsx
@@ -59,10 +59,17 @@ import {
   useChannelStateContext,
 } from '../../context/ChannelStateContext';
 import { ChatContextValue, useChatContext } from '../../context/ChatContext';
-import { ComponentContextValue, useComponentContext } from '../../context/ComponentContext';
+import {
+  ComponentContextValue,
+  useComponentContext,
+} from '../../context/ComponentContext';
 import { VirtualizedMessageListContextProvider } from '../../context/VirtualizedMessageListContext';
 
-import type { Channel, ChannelState as StreamChannelState, UserResponse } from 'stream-chat';
+import type {
+  Channel,
+  ChannelState as StreamChannelState,
+  UserResponse,
+} from 'stream-chat';
 import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import { DEFAULT_NEXT_CHANNEL_PAGE_SIZE } from '../../constants/limits';
 
@@ -90,14 +97,17 @@ type VirtualizedMessageListPropsForContext =
  * Context object provided to some Virtuoso props that are functions (components rendered by Virtuoso and other functions)
  */
 export type VirtuosoContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Required<
   Pick<
     ComponentContextValue<StreamChatGenerics>,
     'DateSeparator' | 'MessageSystem' | 'UnreadMessagesSeparator'
   >
 > &
-  Pick<VirtualizedMessageListProps<StreamChatGenerics>, VirtualizedMessageListPropsForContext> &
+  Pick<
+    VirtualizedMessageListProps<StreamChatGenerics>,
+    VirtualizedMessageListPropsForContext
+  > &
   Pick<ChatContextValue<StreamChatGenerics>, 'customClasses'> & {
     /** Latest received message id in the current channel */
     lastReceivedMessageId: string | null | undefined;
@@ -124,7 +134,7 @@ export type VirtuosoContext<
   };
 
 type VirtualizedMessageListWithContextProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = VirtualizedMessageListProps<StreamChatGenerics> & {
   channel: Channel<StreamChatGenerics>;
   hasMore: boolean;
@@ -176,7 +186,7 @@ function calculateInitialTopMostItemIndex(
 }
 
 const VirtualizedMessageListWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: VirtualizedMessageListWithContextProps<StreamChatGenerics>,
 ) => {
@@ -210,6 +220,7 @@ const VirtualizedMessageListWithContext = <
     openThread,
     // TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
     overscan = 0,
+    reactionDetailsSort,
     read,
     returnAllReadData = false,
     reviewProcessedMessage,
@@ -218,7 +229,6 @@ const VirtualizedMessageListWithContext = <
     separateGiphyPreview = false,
     shouldGroupByUser = false,
     showUnreadNotificationAlways,
-    reactionDetailsSort,
     sortReactionDetails,
     sortReactions,
     stickToBottomScrollBehavior = 'smooth',
@@ -226,10 +236,8 @@ const VirtualizedMessageListWithContext = <
     threadList,
   } = props;
 
-  const {
-    components: virtuosoComponentsFromProps,
-    ...overridingVirtuosoProps
-  } = additionalVirtuosoProps;
+  const { components: virtuosoComponentsFromProps, ...overridingVirtuosoProps } =
+    additionalVirtuosoProps;
 
   // Stops errors generated from react-virtuoso to bubble up
   // to Sentry or other tracking tools.
@@ -238,35 +246,34 @@ const VirtualizedMessageListWithContext = <
   const {
     DateSeparator = DefaultDateSeparator,
     GiphyPreviewMessage = DefaultGiphyPreviewMessage,
+    MessageListMainPanel = DefaultMessageListMainPanel,
     MessageListNotifications = DefaultMessageListNotifications,
     MessageNotification = DefaultMessageNotification,
     MessageSystem = DefaultMessageSystem,
-    MessageListMainPanel = DefaultMessageListMainPanel,
+    TypingIndicator,
     UnreadMessagesNotification = DefaultUnreadMessagesNotification,
     UnreadMessagesSeparator = DefaultUnreadMessagesSeparator,
     VirtualMessage: MessageUIComponentFromContext = MessageSimple,
-    TypingIndicator,
   } = useComponentContext<StreamChatGenerics>('VirtualizedMessageList');
   const MessageUIComponent = MessageUIComponentFromProps || MessageUIComponentFromContext;
 
-  const { client, customClasses } = useChatContext<StreamChatGenerics>('VirtualizedMessageList');
+  const { client, customClasses } = useChatContext<StreamChatGenerics>(
+    'VirtualizedMessageList',
+  );
 
   const virtuoso = useRef<VirtuosoHandle>(null);
 
   const lastRead = useMemo(() => channel.lastRead?.(), [channel]);
 
-  const {
-    show: showUnreadMessagesNotification,
-    toggleShowUnreadMessagesNotification,
-  } = useUnreadMessagesNotificationVirtualized({
-    lastRead: channelUnreadUiState?.last_read,
-    showAlways: !!showUnreadNotificationAlways,
-    unreadCount: channelUnreadUiState?.unread_messages ?? 0,
-  });
+  const { show: showUnreadMessagesNotification, toggleShowUnreadMessagesNotification } =
+    useUnreadMessagesNotificationVirtualized({
+      lastRead: channelUnreadUiState?.last_read,
+      showAlways: !!showUnreadNotificationAlways,
+      unreadCount: channelUnreadUiState?.unread_messages ?? 0,
+    });
 
-  const { giphyPreviewMessage, setGiphyPreviewMessage } = useGiphyPreview<StreamChatGenerics>(
-    separateGiphyPreview,
-  );
+  const { giphyPreviewMessage, setGiphyPreviewMessage } =
+    useGiphyPreview<StreamChatGenerics>(separateGiphyPreview);
 
   const processedMessages = useMemo(() => {
     if (typeof messages === 'undefined') {
@@ -311,9 +318,10 @@ const VirtualizedMessageListWithContext = <
     userID: client.userID,
   });
 
-  const lastReceivedMessageId = useMemo(() => getLastReceived(processedMessages), [
-    processedMessages,
-  ]);
+  const lastReceivedMessageId = useMemo(
+    () => getLastReceived(processedMessages),
+    [processedMessages],
+  );
 
   const groupStylesFn = groupStyles || getGroupStyles;
   const messageGroupStyles = useMemo(
@@ -331,7 +339,12 @@ const VirtualizedMessageListWithContext = <
       }, {}),
     // processedMessages were incorrectly rebuilt with a new object identity at some point, hence the .length usage
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [maxTimeBetweenGroupedMessages, processedMessages.length, shouldGroupByUser, groupStylesFn],
+    [
+      maxTimeBetweenGroupedMessages,
+      processedMessages.length,
+      shouldGroupByUser,
+      groupStylesFn,
+    ],
   );
 
   const {
@@ -370,16 +383,27 @@ const VirtualizedMessageListWithContext = <
     jumpToLatestMessage,
   ]);
 
-  useScrollToBottomOnNewMessage({ messages, scrollToBottom, scrollToLatestMessageOnFocus });
+  useScrollToBottomOnNewMessage({
+    messages,
+    scrollToBottom,
+    scrollToLatestMessageOnFocus,
+  });
 
-  const numItemsPrepended = usePrependedMessagesCount(processedMessages, !disableDateSeparator);
+  const numItemsPrepended = usePrependedMessagesCount(
+    processedMessages,
+    !disableDateSeparator,
+  );
 
   const { messageSetKey } = useMessageSetKey({ messages });
 
-  const shouldForceScrollToBottom = useShouldForceScrollToBottom(processedMessages, client.userID);
+  const shouldForceScrollToBottom = useShouldForceScrollToBottom(
+    processedMessages,
+    client.userID,
+  );
 
   const handleItemsRendered = useMemo(
-    () => makeItemsRenderedHandler([toggleShowUnreadMessagesNotification], processedMessages),
+    () =>
+      makeItemsRenderedHandler([toggleShowUnreadMessagesNotification], processedMessages),
     [processedMessages, toggleShowUnreadMessagesNotification],
   );
   const followOutput = (isAtBottom: boolean) => {
@@ -443,9 +467,13 @@ const VirtualizedMessageListWithContext = <
       <MessageListMainPanel>
         <DialogManagerProvider id={dialogManagerId}>
           {!threadList && showUnreadMessagesNotification && (
-            <UnreadMessagesNotification unreadCount={channelUnreadUiState?.unread_messages} />
+            <UnreadMessagesNotification
+              unreadCount={channelUnreadUiState?.unread_messages}
+            />
           )}
-          <div className={customClasses?.virtualizedMessageList || 'str-chat__virtual-list'}>
+          <div
+            className={customClasses?.virtualizedMessageList || 'str-chat__virtual-list'}
+          >
             <Virtuoso<UnknownType, VirtuosoContext<StreamChatGenerics>>
               atBottomStateChange={atBottomStateChange}
               atBottomThreshold={100}
@@ -529,10 +557,13 @@ const VirtualizedMessageListWithContext = <
 };
 
 export type VirtualizedMessageListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Partial<Pick<MessageProps<StreamChatGenerics>, PropsDrilledToMessage>> & {
   /** Additional props to be passed the underlying [`react-virtuoso` virtualized list dependency](https://virtuoso.dev/virtuoso-api-reference/) */
-  additionalVirtuosoProps?: VirtuosoProps<UnknownType, VirtuosoContext<StreamChatGenerics>>;
+  additionalVirtuosoProps?: VirtuosoProps<
+    UnknownType,
+    VirtuosoContext<StreamChatGenerics>
+  >;
   channelUnreadUiState?: ChannelStateContextValue['channelUnreadUiState'];
   /** If true, picking a reaction from the `ReactionSelector` component will close the selector */
   closeReactionSelectorOnClick?: boolean;
@@ -639,13 +670,10 @@ export type VirtualizedMessageListProps<
  * It is a consumer of the React contexts set in [Channel](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Channel/Channel.tsx).
  */
 export function VirtualizedMessageList<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(props: VirtualizedMessageListProps<StreamChatGenerics>) {
-  const {
-    jumpToLatestMessage,
-    loadMore,
-    loadMoreNewer,
-  } = useChannelActionContext<StreamChatGenerics>('VirtualizedMessageList');
+  const { jumpToLatestMessage, loadMore, loadMoreNewer } =
+    useChannelActionContext<StreamChatGenerics>('VirtualizedMessageList');
   const {
     channel,
     channelUnreadUiState,
diff --git a/src/components/MessageList/VirtualizedMessageListComponents.tsx b/src/components/MessageList/VirtualizedMessageListComponents.tsx
index 6a4615b0da..e1b8f97165 100644
--- a/src/components/MessageList/VirtualizedMessageListComponents.tsx
+++ b/src/components/MessageList/VirtualizedMessageListComponents.tsx
@@ -25,7 +25,7 @@ export function calculateFirstItemIndex(numItemsPrepended: number) {
 }
 
 export const makeItemsRenderedHandler = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   renderedItemsActions: Array<(msg: StreamMessage<StreamChatGenerics>[]) => void>,
   processedMessages: StreamMessage<StreamChatGenerics>[],
@@ -43,14 +43,14 @@ export const makeItemsRenderedHandler = <
   }, 200);
 
 type CommonVirtuosoComponentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   context?: VirtuosoContext<StreamChatGenerics>;
 };
 // using 'display: inline-block'
 // traps CSS margins of the item elements, preventing incorrect item measurements
 export const Item = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   context,
   ...props
@@ -76,13 +76,12 @@ export const Item = <
   );
 };
 export const Header = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   context,
 }: CommonVirtuosoComponentProps<StreamChatGenerics>) => {
-  const { LoadingIndicator = DefaultLoadingIndicator } = useComponentContext<StreamChatGenerics>(
-    'VirtualizedMessageListHeader',
-  );
+  const { LoadingIndicator = DefaultLoadingIndicator } =
+    useComponentContext<StreamChatGenerics>('VirtualizedMessageListHeader');
 
   return (
     <>
@@ -96,13 +95,12 @@ export const Header = <
   );
 };
 export const EmptyPlaceholder = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   context,
 }: CommonVirtuosoComponentProps<StreamChatGenerics>) => {
-  const {
-    EmptyStateIndicator = DefaultEmptyStateIndicator,
-  } = useComponentContext<StreamChatGenerics>('VirtualizedMessageList');
+  const { EmptyStateIndicator = DefaultEmptyStateIndicator } =
+    useComponentContext<StreamChatGenerics>('VirtualizedMessageList');
   return (
     <>
       {EmptyStateIndicator && (
@@ -113,7 +111,7 @@ export const EmptyPlaceholder = <
 };
 
 export const messageRenderer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   virtuosoIndex: number,
   _data: UnknownType,
@@ -159,7 +157,9 @@ export const messageRenderer = <
   if (!message) return <div style={{ height: '1px' }}></div>; // returning null or zero height breaks the virtuoso
 
   if (isDateSeparatorMessage(message)) {
-    return DateSeparator ? <DateSeparator date={message.date} unread={message.unread} /> : null;
+    return DateSeparator ? (
+      <DateSeparator date={message.date} unread={message.unread} />
+    ) : null;
   }
 
   if (message.type === 'system') {
diff --git a/src/components/MessageList/__tests__/CustomNotification.test.js b/src/components/MessageList/__tests__/CustomNotification.test.js
index 04f10c3fdf..bc1e121fc0 100644
--- a/src/components/MessageList/__tests__/CustomNotification.test.js
+++ b/src/components/MessageList/__tests__/CustomNotification.test.js
@@ -5,16 +5,20 @@ import '@testing-library/jest-dom';
 
 import { CustomNotification } from '../CustomNotification';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('CustomNotification', () => {
   it('should render nothing if active is false', () => {
-    const { container } = render(<CustomNotification active={false}>test</CustomNotification>);
+    const { container } = render(
+      <CustomNotification active={false}>test</CustomNotification>,
+    );
     expect(container).toBeEmptyDOMElement();
   });
 
   it('should render children when active', () => {
-    const { container } = render(<CustomNotification active={true}>children</CustomNotification>);
+    const { container } = render(
+      <CustomNotification active={true}>children</CustomNotification>,
+    );
     expect(container).toMatchInlineSnapshot(`
       <div>
         <div
diff --git a/src/components/MessageList/__tests__/MessageList.test.js b/src/components/MessageList/__tests__/MessageList.test.js
index fd3bc1eaa4..b001cb9c04 100644
--- a/src/components/MessageList/__tests__/MessageList.test.js
+++ b/src/components/MessageList/__tests__/MessageList.test.js
@@ -74,7 +74,9 @@ describe('MessageList', () => {
       channelProps: { channel },
       chatClient,
     });
-    const markReadMock = jest.spyOn(channel, 'markRead').mockReturnValueOnce(markReadApi(channel));
+    const markReadMock = jest
+      .spyOn(channel, 'markRead')
+      .mockReturnValueOnce(markReadApi(channel));
     await waitFor(() => {
       expect(getByTestId('reverse-infinite-scroll')).toBeInTheDocument();
     });
@@ -182,7 +184,9 @@ describe('MessageList', () => {
 
   it('should accept a custom group style function', async () => {
     const classNameSuffix = 'msg-list-test';
-    const markReadMock = jest.spyOn(channel, 'markRead').mockReturnValueOnce(markReadApi(channel));
+    const markReadMock = jest
+      .spyOn(channel, 'markRead')
+      .mockReturnValueOnce(markReadApi(channel));
 
     await act(() => {
       renderComponent({
@@ -201,13 +205,15 @@ describe('MessageList', () => {
 
     for (let i = 0; i < 3; i++) {
       const newMessage = generateMessage({ text: `text-${i}`, user: user2 });
-      act(() => dispatchMessageNewEvent(chatClient, newMessage, mockedChannelData.channel));
+      act(() =>
+        dispatchMessageNewEvent(chatClient, newMessage, mockedChannelData.channel),
+      );
     }
 
     await waitFor(() => {
-      expect(screen.getAllByTestId(`str-chat__li str-chat__li--${classNameSuffix}`)).toHaveLength(
-        4,
-      ); // 1 for channel initial message + 3 just sent
+      expect(
+        screen.getAllByTestId(`str-chat__li str-chat__li--${classNameSuffix}`),
+      ).toHaveLength(4); // 1 for channel initial message + 3 just sent
     });
     // MessageErrorIcon has path with id "background" - that is not permitted from the a11i standpoint
     // const results = await axe(renderResult.container);
@@ -273,7 +279,10 @@ describe('MessageList', () => {
   });
 
   it('should render system messages', async () => {
-    const system = generateMessage({ text: 'system message is rendered', type: 'system' });
+    const system = generateMessage({
+      text: 'system message is rendered',
+      type: 'system',
+    });
 
     await act(() => {
       renderComponent({
@@ -364,7 +373,7 @@ describe('MessageList', () => {
           return null;
         }
       }
-      // eslint-disable-next-line jest/prefer-spy-on
+
       window.IntersectionObserver = IntersectionObserverMock;
     });
     afterEach(jest.clearAllMocks);
@@ -444,7 +453,9 @@ describe('MessageList', () => {
 
     it('should display custom unread messages separator when channel is marked unread', async () => {
       const customUnreadMessagesSeparatorText = 'CustomUnreadMessagesSeparator';
-      const UnreadMessagesSeparator = () => <div>{customUnreadMessagesSeparatorText}</div>;
+      const UnreadMessagesSeparator = () => (
+        <div>{customUnreadMessagesSeparatorText}</div>
+      );
       const {
         channels: [channel],
         client,
@@ -458,7 +469,9 @@ describe('MessageList', () => {
         });
       });
 
-      expect(screen.queryByText(customUnreadMessagesSeparatorText)).not.toBeInTheDocument();
+      expect(
+        screen.queryByText(customUnreadMessagesSeparatorText),
+      ).not.toBeInTheDocument();
 
       await act(() => {
         dispatchMarkUnreadForChannel({ channel, client });
@@ -468,7 +481,9 @@ describe('MessageList', () => {
 
     it('should not display custom unread messages separator when last read message is the newest channel message', async () => {
       const customUnreadMessagesSeparatorText = 'CustomUnreadMessagesSeparator';
-      const UnreadMessagesSeparator = () => <div>{customUnreadMessagesSeparatorText}</div>;
+      const UnreadMessagesSeparator = () => (
+        <div>{customUnreadMessagesSeparatorText}</div>
+      );
       const {
         channels: [channel],
         client,
@@ -482,7 +497,9 @@ describe('MessageList', () => {
         });
       });
 
-      expect(screen.queryByText(customUnreadMessagesSeparatorText)).not.toBeInTheDocument();
+      expect(
+        screen.queryByText(customUnreadMessagesSeparatorText),
+      ).not.toBeInTheDocument();
 
       await act(() => {
         const lastReadMessage = messages.slice(-1)[0];
@@ -527,7 +544,11 @@ describe('MessageList', () => {
         });
 
         await act(() => {
-          dispatchMarkUnreadForChannel({ channel, client, payload: dispatchMarkUnreadPayload });
+          dispatchMarkUnreadForChannel({
+            channel,
+            client,
+            payload: dispatchMarkUnreadPayload,
+          });
         });
 
         await act(() => {
@@ -537,7 +558,9 @@ describe('MessageList', () => {
 
       it('should not display unread messages notification when scrolled to unread messages separator', async () => {
         await setupTest({ entries: [{ isIntersecting: true }] });
-        expect(screen.queryByTestId(UNREAD_MESSAGES_NOTIFICATION_TEST_ID)).not.toBeInTheDocument();
+        expect(
+          screen.queryByTestId(UNREAD_MESSAGES_NOTIFICATION_TEST_ID),
+        ).not.toBeInTheDocument();
       });
 
       it.each([
@@ -611,7 +634,9 @@ describe('MessageList', () => {
         });
 
         await waitFor(() =>
-          expect(screen.getByTestId(customUnreadMessagesNotificationText)).toBeInTheDocument(),
+          expect(
+            screen.getByTestId(customUnreadMessagesNotificationText),
+          ).toBeInTheDocument(),
         );
       });
 
@@ -620,13 +645,17 @@ describe('MessageList', () => {
           dispatchMarkUnreadPayload: { unread_messages: 0 },
           entries: observerEntriesScrolledBelowSeparator,
         });
-        expect(screen.queryByTestId(UNREAD_MESSAGES_NOTIFICATION_TEST_ID)).not.toBeInTheDocument();
+        expect(
+          screen.queryByTestId(UNREAD_MESSAGES_NOTIFICATION_TEST_ID),
+        ).not.toBeInTheDocument();
       });
 
       it('should not display unread messages notification IntersectionObserver is undefined', async () => {
         window.IntersectionObserver = undefined;
         await setupTest({ entries: observerEntriesScrolledBelowSeparator });
-        expect(screen.queryByTestId(UNREAD_MESSAGES_NOTIFICATION_TEST_ID)).not.toBeInTheDocument();
+        expect(
+          screen.queryByTestId(UNREAD_MESSAGES_NOTIFICATION_TEST_ID),
+        ).not.toBeInTheDocument();
       });
 
       it('should not display unread messages notification in thread', async () => {
@@ -634,7 +663,9 @@ describe('MessageList', () => {
           entries: observerEntriesScrolledBelowSeparator,
           msgListProps: { threadList: true },
         });
-        expect(screen.queryByTestId(UNREAD_MESSAGES_NOTIFICATION_TEST_ID)).not.toBeInTheDocument();
+        expect(
+          screen.queryByTestId(UNREAD_MESSAGES_NOTIFICATION_TEST_ID),
+        ).not.toBeInTheDocument();
       });
     });
 
diff --git a/src/components/MessageList/__tests__/MessageNotification.test.js b/src/components/MessageList/__tests__/MessageNotification.test.js
index 02eef9cf9a..067aa735f2 100644
--- a/src/components/MessageList/__tests__/MessageNotification.test.js
+++ b/src/components/MessageList/__tests__/MessageNotification.test.js
@@ -7,7 +7,7 @@ expect.extend(toHaveNoViolations);
 
 import { MessageNotification } from '../MessageNotification';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('MessageNotification', () => {
   it('should render nothing if showNotification is false', () => {
diff --git a/src/components/MessageList/__tests__/ScrollToBottomButton.test.js b/src/components/MessageList/__tests__/ScrollToBottomButton.test.js
index 8901acce96..10b18bb074 100644
--- a/src/components/MessageList/__tests__/ScrollToBottomButton.test.js
+++ b/src/components/MessageList/__tests__/ScrollToBottomButton.test.js
@@ -49,7 +49,9 @@ describe.each([
     channel = result.channel;
     users = result.users;
     containerIsThread = containerMsgList === threadList;
-    anotherUser = Object.values(channel.state.members).find((u) => u.id !== client.user.id);
+    anotherUser = Object.values(channel.state.members).find(
+      (u) => u.id !== client.user.id,
+    );
     parentMsg = { ...Object.values(channel.state.messages)[0], reply_count: 0 };
     channelStateContext = {
       thread: containerIsThread ? parentMsg : null,
@@ -94,7 +96,6 @@ describe.each([
     });
 
     await waitFor(() => {
-      // eslint-disable-next-line jest/prefer-called-with
       expect(onClick).toHaveBeenCalled();
     });
   });
@@ -248,7 +249,13 @@ describe.each([
     for (let i = 1; i <= 2; i++) {
       const newMessage = generateMessage({ user: anotherUser });
       await act(() => {
-        dispatchMessageEvents({ channel, client, newMessage, parentMsg, user: anotherUser });
+        dispatchMessageEvents({
+          channel,
+          client,
+          newMessage,
+          parentMsg,
+          user: anotherUser,
+        });
       });
       const counter = screen.queryByTestId(NEW_MESSAGE_COUNTER_TEST_ID);
       await waitFor(() => {
@@ -273,7 +280,10 @@ describe.each([
       <ChatProvider value={{ channel, client }}>
         <ChannelStateProvider value={channelStateContext}>
           <div id={mainListId}>
-            <ScrollToBottomButton isMessageListScrolledToBottom={false} onClick={onClick} />
+            <ScrollToBottomButton
+              isMessageListScrolledToBottom={false}
+              onClick={onClick}
+            />
           </div>
           <div id={threadListId}>
             <ScrollToBottomButton
@@ -287,16 +297,27 @@ describe.each([
     );
 
     await act(() => {
-      dispatchMessageEvents({ channel, client, newMessage, parentMsg, user: anotherUser });
+      dispatchMessageEvents({
+        channel,
+        client,
+        newMessage,
+        parentMsg,
+        user: anotherUser,
+      });
     });
 
-    const [containerMsgListCounterSelector, otherMsgListCounterSelector] = containerIsThread
-      ? [threadListCounterSelector, mainListCounterSelector]
-      : [mainListCounterSelector, threadListCounterSelector];
+    const [containerMsgListCounterSelector, otherMsgListCounterSelector] =
+      containerIsThread
+        ? [threadListCounterSelector, mainListCounterSelector]
+        : [mainListCounterSelector, threadListCounterSelector];
 
     await waitFor(() => {
-      expect(container.querySelector(containerMsgListCounterSelector)).toBeInTheDocument();
-      expect(container.querySelector(otherMsgListCounterSelector)).not.toBeInTheDocument();
+      expect(
+        container.querySelector(containerMsgListCounterSelector),
+      ).toBeInTheDocument();
+      expect(
+        container.querySelector(otherMsgListCounterSelector),
+      ).not.toBeInTheDocument();
     });
   });
 });
diff --git a/src/components/MessageList/__tests__/VirtualizedMessageListComponents.test.js b/src/components/MessageList/__tests__/VirtualizedMessageListComponents.test.js
index 23f8c9e8e4..7ee6b0e86b 100644
--- a/src/components/MessageList/__tests__/VirtualizedMessageListComponents.test.js
+++ b/src/components/MessageList/__tests__/VirtualizedMessageListComponents.test.js
@@ -77,7 +77,9 @@ describe('VirtualizedMessageComponents', () => {
           processedMessages,
         };
 
-        const { container } = renderElements(<Item context={virtuosoContext} {...props} />);
+        const { container } = renderElements(
+          <Item context={virtuosoContext} {...props} />,
+        );
         expect(container).toMatchSnapshot();
       },
     );
@@ -109,7 +111,10 @@ describe('VirtualizedMessageComponents', () => {
     it('should render custom LoadingIndicator in Header when loading more messages', () => {
       const componentContext = { LoadingIndicator: CustomLoadingIndicator };
       const context = { loadingMore: true };
-      const { container } = renderElements(<Header context={context} />, componentContext);
+      const { container } = renderElements(
+        <Header context={context} />,
+        componentContext,
+      );
       expect(container).toMatchInlineSnapshot(`
         <div>
           <div
@@ -157,7 +162,10 @@ describe('VirtualizedMessageComponents', () => {
         LoadingIndicator: null,
       };
       const context = { head, loadingMore: true };
-      const { container } = renderElements(<Header context={context} />, componentContext);
+      const { container } = renderElements(
+        <Header context={context} />,
+        componentContext,
+      );
       expect(container).toMatchInlineSnapshot(`
         <div>
           <div>
@@ -194,7 +202,10 @@ describe('VirtualizedMessageComponents', () => {
     it('should render custom LoadingIndicator instead of head when loading more', () => {
       const componentContext = { LoadingIndicator: CustomLoadingIndicator };
       const context = { head, loadingMore: true };
-      const { container } = renderElements(<Header context={context} />, componentContext);
+      const { container } = renderElements(
+        <Header context={context} />,
+        componentContext,
+      );
       expect(container).toMatchInlineSnapshot(`
         <div>
           <div>
@@ -230,7 +241,9 @@ describe('VirtualizedMessageComponents', () => {
     });
 
     it('should render empty for thread by default', () => {
-      const { container } = renderElements(<EmptyPlaceholder context={{ threadList: true }} />);
+      const { container } = renderElements(
+        <EmptyPlaceholder context={{ threadList: true }} />,
+      );
       expect(container).toMatchInlineSnapshot(`
         <div>
           <div
@@ -295,7 +308,11 @@ describe('VirtualizedMessageComponents', () => {
     beforeAll(async () => {
       client = await getTestClientWithUser();
       const channelData = generateChannel();
-      channel = client.channel(channelData.channel.type, channelData.channel.id, channelData);
+      channel = client.channel(
+        channelData.channel.type,
+        channelData.channel.id,
+        channelData,
+      );
     });
 
     it('should allow to execute custom item rendering logic instead of the default', () => {
@@ -353,7 +370,9 @@ describe('VirtualizedMessageComponents', () => {
           processedMessages: [generateMessage({ type: 'system' })],
         };
 
-        const { container } = render(messageRenderer(virtuosoIndex, undefined, virtuosoContext));
+        const { container } = render(
+          messageRenderer(virtuosoIndex, undefined, virtuosoContext),
+        );
         expect(container).toMatchInlineSnapshot(`<div />`);
       });
 
@@ -373,9 +392,13 @@ describe('VirtualizedMessageComponents', () => {
       it('should render nothing if DateSeparator component is undefined for custom message type date', () => {
         const virtuosoContext = {
           numItemsPrepended,
-          processedMessages: [generateMessage({ customType: 'message.date', date: new Date() })],
+          processedMessages: [
+            generateMessage({ customType: 'message.date', date: new Date() }),
+          ],
         };
-        const { container } = render(messageRenderer(virtuosoIndex, undefined, virtuosoContext));
+        const { container } = render(
+          messageRenderer(virtuosoIndex, undefined, virtuosoContext),
+        );
         expect(container).toMatchInlineSnapshot(`<div />`);
       });
 
@@ -385,7 +408,9 @@ describe('VirtualizedMessageComponents', () => {
         const virtuosoContext = {
           DateSeparator,
           numItemsPrepended,
-          processedMessages: [generateMessage({ customType: 'message.date', date: new Date() })],
+          processedMessages: [
+            generateMessage({ customType: 'message.date', date: new Date() }),
+          ],
         };
         render(messageRenderer(virtuosoIndex, undefined, virtuosoContext));
         expect(screen.getByText(text)).toBeInTheDocument();
@@ -398,7 +423,9 @@ describe('VirtualizedMessageComponents', () => {
           processedMessages: [generateMessage()],
         };
 
-        const { container } = render(messageRenderer(virtuosoIndex, undefined, virtuosoContext));
+        const { container } = render(
+          messageRenderer(virtuosoIndex, undefined, virtuosoContext),
+        );
         expect(container).toMatchInlineSnapshot(`
                   <div>
                     <div
@@ -426,7 +453,11 @@ describe('VirtualizedMessageComponents', () => {
                 <ComponentProvider value={{}}>
                   <ChannelActionProvider value={{}}>
                     <ChannelStateProvider value={{ channel }}>
-                      {messageRenderer(virtuosoIndex ?? PREPEND_OFFSET, undefined, virtuosoContext)}
+                      {messageRenderer(
+                        virtuosoIndex ?? PREPEND_OFFSET,
+                        undefined,
+                        virtuosoContext,
+                      )}
                     </ChannelStateProvider>
                   </ChannelActionProvider>
                 </ComponentProvider>
@@ -639,9 +670,15 @@ describe('VirtualizedMessageComponents', () => {
             expect(messageElements[0]).toHaveClass(firstGroupItemClass);
             expect(messageElements[0]).toHaveClass(lastGroupItemClass);
             expect(messageElements[1]).toHaveClass(firstGroupItemClass);
-            expect(messageElements[processedMessages.length - 2]).toHaveClass(lastGroupItemClass);
-            expect(messageElements[processedMessages.length - 1]).toHaveClass(firstGroupItemClass);
-            expect(messageElements[processedMessages.length - 1]).toHaveClass(lastGroupItemClass);
+            expect(messageElements[processedMessages.length - 2]).toHaveClass(
+              lastGroupItemClass,
+            );
+            expect(messageElements[processedMessages.length - 1]).toHaveClass(
+              firstGroupItemClass,
+            );
+            expect(messageElements[processedMessages.length - 1]).toHaveClass(
+              lastGroupItemClass,
+            );
           }
         },
       );
diff --git a/src/components/MessageList/__tests__/utils.test.js b/src/components/MessageList/__tests__/utils.test.js
index 3b1fc20e71..323d860a34 100644
--- a/src/components/MessageList/__tests__/utils.test.js
+++ b/src/components/MessageList/__tests__/utils.test.js
@@ -1,6 +1,15 @@
-import { generateFileAttachment, generateMessage, generateUser } from '../../../mock-builders';
-
-import { getGroupStyles, getReadStates, makeDateMessageId, processMessages } from '../utils';
+import {
+  generateFileAttachment,
+  generateMessage,
+  generateUser,
+} from '../../../mock-builders';
+
+import {
+  getGroupStyles,
+  getReadStates,
+  makeDateMessageId,
+  processMessages,
+} from '../utils';
 import { CUSTOM_MESSAGE_TYPE } from '../../../constants/messageTypes';
 
 const mockedNanoId = 'V1StGXR8_Z5jdHi6B-myT';
@@ -307,8 +316,14 @@ describe('processMessages', () => {
       const expectedWhere = ['start'];
       const shouldExpectUnreadSeparator = true;
       const lastRead = new Date();
-      const oldMsg = { created_at: new Date('1970-01-01'), updated_at: new Date('1970-01-01') };
-      const unreadMsg = { created_at: new Date('9999-12-31'), updated_at: new Date('9999-12-31') };
+      const oldMsg = {
+        created_at: new Date('1970-01-01'),
+        updated_at: new Date('1970-01-01'),
+      };
+      const unreadMsg = {
+        created_at: new Date('9999-12-31'),
+        updated_at: new Date('9999-12-31'),
+      };
       const myNewMessages = [
         { user: { id: myUserId }, ...unreadMsg },
         { user: { id: myUserId }, ...unreadMsg },
@@ -371,7 +386,9 @@ describe('processMessages', () => {
 
     it('is set if provided with preview message setter and messages contain ephemeral giphy message', () => {
       const messagesData = [{}, { command: 'giphy', type: 'ephemeral' }, {}];
-      runMessageProcessing(messagesData, { setGiphyPreviewMessage: setGiphyPreviewMessageMock });
+      runMessageProcessing(messagesData, {
+        setGiphyPreviewMessage: setGiphyPreviewMessageMock,
+      });
       expect(setGiphyPreviewMessageMock).toHaveBeenLastCalledWith(
         expect.objectContaining(messagesData[1]),
       );
@@ -383,12 +400,16 @@ describe('processMessages', () => {
     });
     it('is set to undefined if messages do not contain ephemeral message', () => {
       const messagesData = [{}, { command: 'giphy' }, {}];
-      runMessageProcessing(messagesData, { setGiphyPreviewMessage: setGiphyPreviewMessageMock });
+      runMessageProcessing(messagesData, {
+        setGiphyPreviewMessage: setGiphyPreviewMessageMock,
+      });
       expect(setGiphyPreviewMessageMock).toHaveBeenLastCalledWith(undefined);
     });
     it('is no set to undefined if messages do not contain message of command giphy', () => {
       const messagesData = [{}, { type: 'ephemeral' }, {}];
-      runMessageProcessing(messagesData, { setGiphyPreviewMessage: setGiphyPreviewMessageMock });
+      runMessageProcessing(messagesData, {
+        setGiphyPreviewMessage: setGiphyPreviewMessageMock,
+      });
       expect(setGiphyPreviewMessageMock).toHaveBeenLastCalledWith(undefined);
     });
   });
@@ -446,7 +467,9 @@ describe('getGroupStyles', () => {
       if (position === 'top') {
         previousMessage = undefined;
       }
-      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(position);
+      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+        position,
+      );
     });
 
     it('is intro message', () => {
@@ -456,7 +479,9 @@ describe('getGroupStyles', () => {
       if (position === 'top') {
         previousMessage = { ...previousMessage, customType: CUSTOM_MESSAGE_TYPE.intro };
       }
-      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(position);
+      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+        position,
+      );
     });
 
     it('is date message', () => {
@@ -466,7 +491,9 @@ describe('getGroupStyles', () => {
       if (position === 'top') {
         previousMessage = { ...previousMessage, customType: CUSTOM_MESSAGE_TYPE.date };
       }
-      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(position);
+      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+        position,
+      );
     });
 
     it('is a system message', () => {
@@ -476,7 +503,9 @@ describe('getGroupStyles', () => {
       if (position === 'top') {
         previousMessage = { ...previousMessage, type: 'system' };
       }
-      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(position);
+      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+        position,
+      );
     });
 
     it('is an error message', () => {
@@ -486,7 +515,9 @@ describe('getGroupStyles', () => {
       if (position === 'top') {
         previousMessage = { ...previousMessage, type: 'error' };
       }
-      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(position);
+      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+        position,
+      );
     });
 
     it('has attachments', () => {
@@ -496,7 +527,9 @@ describe('getGroupStyles', () => {
       if (position === 'top') {
         previousMessage = { ...previousMessage, attachments: [generateFileAttachment()] };
       }
-      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(position);
+      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+        position,
+      );
     });
 
     it('is posted by another user', () => {
@@ -507,7 +540,9 @@ describe('getGroupStyles', () => {
       if (position === 'top') {
         previousMessage = { ...previousMessage, user };
       }
-      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(position);
+      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+        position,
+      );
     });
 
     it('is deleted', () => {
@@ -517,28 +552,38 @@ describe('getGroupStyles', () => {
       if (position === 'top') {
         previousMessage = { ...previousMessage, deleted_at: new Date() };
       }
-      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(position);
+      expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+        position,
+      );
     });
   });
 
   it('marks a message as bottom when the message is edited', () => {
     message = { ...message, message_text_updated_at: new Date() };
-    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe('bottom');
+    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+      'bottom',
+    );
   });
 
   it('marks a message as top when the previous message is edited', () => {
     previousMessage = { ...previousMessage, message_text_updated_at: new Date() };
-    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe('top');
+    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+      'top',
+    );
   });
 
   it('marks a message a top if it has reactions', () => {
     message = { ...message, reaction_groups: { X: 'Y' } };
-    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe('top');
+    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+      'top',
+    );
   });
 
   it('marks a message a bottom if next message has reactions', () => {
     nextMessage = { ...nextMessage, reaction_groups: { X: 'Y' } };
-    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe('bottom');
+    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+      'bottom',
+    );
   });
 
   it('marks a message as top when next message is created later than maxTimeBetweenGroupedMessages milliseconds', () => {
@@ -597,29 +642,39 @@ describe('getGroupStyles', () => {
   });
 
   it('marks message as middle if not being top, neither bottom message', () => {
-    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe('middle');
+    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+      'middle',
+    );
   });
 
   it('marks message as single if not being top, neither bottom message being deleted', () => {
     message = { ...message, deleted_at: new Date() };
-    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe('single');
+    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+      'single',
+    );
   });
 
   it('marks message as single if not being top, neither bottom message being error message', () => {
     message = { ...message, type: 'error' };
-    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe('single');
+    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+      'single',
+    );
   });
 
   it('marks message at the bottom as single being deleted message', () => {
     message = { ...message, deleted_at: new Date() };
     nextMessage = undefined;
-    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe('single');
+    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+      'single',
+    );
   });
 
   it('marks message at the bottom as single being error message', () => {
     message = { ...message, type: 'error' };
     nextMessage = undefined;
-    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe('single');
+    expect(getGroupStyles(message, previousMessage, nextMessage, noGroupByUser)).toBe(
+      'single',
+    );
   });
 });
 
diff --git a/src/components/MessageList/hooks/MessageList/useEnrichedMessages.ts b/src/components/MessageList/hooks/MessageList/useEnrichedMessages.ts
index f85af4c104..98092c51ca 100644
--- a/src/components/MessageList/hooks/MessageList/useEnrichedMessages.ts
+++ b/src/components/MessageList/hooks/MessageList/useEnrichedMessages.ts
@@ -18,7 +18,7 @@ import type { StreamMessage } from '../../../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 export const useEnrichedMessages = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(args: {
   channel: Channel<StreamChatGenerics>;
   disableDateSeparator: boolean;
@@ -51,7 +51,8 @@ export const useEnrichedMessages = <
   } = args;
 
   const { client } = useChatContext<StreamChatGenerics>('useEnrichedMessages');
-  const { HeaderComponent } = useComponentContext<StreamChatGenerics>('useEnrichedMessages');
+  const { HeaderComponent } =
+    useComponentContext<StreamChatGenerics>('useEnrichedMessages');
 
   const lastRead = useMemo(() => channel.lastRead?.(), [channel]);
 
diff --git a/src/components/MessageList/hooks/MessageList/useMessageListElements.tsx b/src/components/MessageList/hooks/MessageList/useMessageListElements.tsx
index c7c77be12f..1a49cd5b8d 100644
--- a/src/components/MessageList/hooks/MessageList/useMessageListElements.tsx
+++ b/src/components/MessageList/hooks/MessageList/useMessageListElements.tsx
@@ -9,11 +9,14 @@ import { useComponentContext } from '../../../../context/ComponentContext';
 import type { ChannelState as StreamChannelState } from 'stream-chat';
 import type { StreamMessage } from '../../../../context/ChannelStateContext';
 
-import type { ChannelUnreadUiState, DefaultStreamChatGenerics } from '../../../../types/types';
+import type {
+  ChannelUnreadUiState,
+  DefaultStreamChatGenerics,
+} from '../../../../types/types';
 import { MessageRenderer, SharedMessageProps } from '../../renderMessages';
 
 type UseMessageListElementsProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   enrichedMessages: StreamMessage<StreamChatGenerics>[];
   internalMessageProps: SharedMessageProps<StreamChatGenerics>;
@@ -26,7 +29,7 @@ type UseMessageListElementsProps<
 };
 
 export const useMessageListElements = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: UseMessageListElementsProps<StreamChatGenerics>,
 ) => {
@@ -41,7 +44,9 @@ export const useMessageListElements = <
     threadList,
   } = props;
 
-  const { client, customClasses } = useChatContext<StreamChatGenerics>('useMessageListElements');
+  const { client, customClasses } = useChatContext<StreamChatGenerics>(
+    'useMessageListElements',
+  );
   const components = useComponentContext<StreamChatGenerics>('useMessageListElements');
 
   // get the readData, but only for messages submitted by the user themselves
@@ -52,9 +57,10 @@ export const useMessageListElements = <
     userID: client.userID,
   });
 
-  const lastReceivedMessageId = useMemo(() => getLastReceived(enrichedMessages), [
-    enrichedMessages,
-  ]);
+  const lastReceivedMessageId = useMemo(
+    () => getLastReceived(enrichedMessages),
+    [enrichedMessages],
+  );
 
   const elements: React.ReactNode[] = useMemo(
     () =>
diff --git a/src/components/MessageList/hooks/MessageList/useMessageListScrollManager.ts b/src/components/MessageList/hooks/MessageList/useMessageListScrollManager.ts
index ea7638b6e2..670911817a 100644
--- a/src/components/MessageList/hooks/MessageList/useMessageListScrollManager.ts
+++ b/src/components/MessageList/hooks/MessageList/useMessageListScrollManager.ts
@@ -12,7 +12,7 @@ export type ContainerMeasures = {
 };
 
 export type UseMessageListScrollManagerParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   loadMoreScrollThreshold: number;
   messages: StreamMessage<StreamChatGenerics>[];
@@ -25,7 +25,7 @@ export type UseMessageListScrollManagerParams<
 
 // FIXME: change this generic name to something like useAdjustScrollPositionToListSize
 export function useMessageListScrollManager<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(params: UseMessageListScrollManagerParams<StreamChatGenerics>) {
   const {
     loadMoreScrollThreshold,
@@ -80,7 +80,8 @@ export function useMessageListScrollManager<
       // message list length didn't change, but check if last message had reaction/reply update
       else {
         const hasNewReactions =
-          lastPrevMessage?.latest_reactions?.length !== lastNewMessage.latest_reactions?.length;
+          lastPrevMessage?.latest_reactions?.length !==
+          lastNewMessage.latest_reactions?.length;
         const hasNewReplies = lastPrevMessage?.reply_count !== lastNewMessage.reply_count;
 
         if ((hasNewReactions || hasNewReplies) && wasAtBottom) {
diff --git a/src/components/MessageList/hooks/MessageList/useScrollLocationLogic.tsx b/src/components/MessageList/hooks/MessageList/useScrollLocationLogic.tsx
index ab4b18a402..261cd18c5c 100644
--- a/src/components/MessageList/hooks/MessageList/useScrollLocationLogic.tsx
+++ b/src/components/MessageList/hooks/MessageList/useScrollLocationLogic.tsx
@@ -7,7 +7,7 @@ import type { StreamMessage } from '../../../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 export type UseScrollLocationLogicParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   hasMoreNewer: boolean;
   listElement: HTMLDivElement | null;
@@ -18,23 +18,24 @@ export type UseScrollLocationLogicParams<
 };
 
 export const useScrollLocationLogic = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   params: UseScrollLocationLogicParams<StreamChatGenerics>,
 ) => {
   const {
+    hasMoreNewer,
+    listElement,
     loadMoreScrollThreshold,
     messages = [],
     scrolledUpThreshold = 200,
-    hasMoreNewer,
     suppressAutoscroll,
-    listElement,
   } = params;
 
   const [hasNewMessages, setHasNewMessages] = useState(false);
   const [wrapperRect, setWrapperRect] = useState<DOMRect>();
 
-  const [isMessageListScrolledToBottom, setIsMessageListScrolledToBottom] = useState(true);
+  const [isMessageListScrolledToBottom, setIsMessageListScrolledToBottom] =
+    useState(true);
   const closeToBottom = useRef(false);
   const closeToTop = useRef(false);
 
@@ -84,7 +85,8 @@ export const useScrollLocationLogic = <
       const scrollHeight = element.scrollHeight;
 
       const prevCloseToBottom = closeToBottom.current;
-      closeToBottom.current = scrollHeight - (scrollTop + offsetHeight) < scrolledUpThreshold;
+      closeToBottom.current =
+        scrollHeight - (scrollTop + offsetHeight) < scrolledUpThreshold;
       closeToTop.current = scrollTop < scrolledUpThreshold;
 
       if (closeToBottom.current) {
diff --git a/src/components/MessageList/hooks/MessageList/useUnreadMessagesNotification.ts b/src/components/MessageList/hooks/MessageList/useUnreadMessagesNotification.ts
index 59d7f35efb..466e360999 100644
--- a/src/components/MessageList/hooks/MessageList/useUnreadMessagesNotification.ts
+++ b/src/components/MessageList/hooks/MessageList/useUnreadMessagesNotification.ts
@@ -8,7 +8,10 @@ const targetScrolledAboveVisibleContainerArea = (element: Element) => {
   return targetBottom < 0;
 };
 
-const targetScrolledBelowVisibleContainerArea = (element: Element, container: Element) => {
+const targetScrolledBelowVisibleContainerArea = (
+  element: Element,
+  container: Element,
+) => {
   const { top: targetTop } = element.getBoundingClientRect();
   const { top: containerBottom } = container.getBoundingClientRect();
   return targetTop > containerBottom;
@@ -39,19 +42,26 @@ export const useUnreadMessagesNotification = ({
     const [msgListPanel] = document.getElementsByClassName(MESSAGE_LIST_MAIN_PANEL_CLASS);
     if (!msgListPanel) return;
 
-    const [observedTarget] = document.getElementsByClassName(UNREAD_MESSAGE_SEPARATOR_CLASS);
+    const [observedTarget] = document.getElementsByClassName(
+      UNREAD_MESSAGE_SEPARATOR_CLASS,
+    );
     if (!observedTarget) {
       setShow(true);
       return;
     }
 
-    const scrolledBelowSeparator = targetScrolledAboveVisibleContainerArea(observedTarget);
+    const scrolledBelowSeparator =
+      targetScrolledAboveVisibleContainerArea(observedTarget);
     const scrolledAboveSeparator = targetScrolledBelowVisibleContainerArea(
       observedTarget,
       msgListPanel,
     );
 
-    setShow(showAlways ? scrolledBelowSeparator || scrolledAboveSeparator : scrolledBelowSeparator);
+    setShow(
+      showAlways
+        ? scrolledBelowSeparator || scrolledAboveSeparator
+        : scrolledBelowSeparator,
+    );
 
     const observer = new IntersectionObserver(
       (elements) => {
@@ -87,7 +97,11 @@ export const useUnreadMessagesNotification = ({
      * and at the same time scrolled above the observed target.
      */
 
-    if (unreadCount && isMessageListScrolledToBottom && isScrolledAboveTargetTop.current) {
+    if (
+      unreadCount &&
+      isMessageListScrolledToBottom &&
+      isScrolledAboveTargetTop.current
+    ) {
       setShow(true);
       isScrolledAboveTargetTop.current = false;
     }
diff --git a/src/components/MessageList/hooks/VirtualizedMessageList/useGiphyPreview.ts b/src/components/MessageList/hooks/VirtualizedMessageList/useGiphyPreview.ts
index 6e67f1890b..8566e800da 100644
--- a/src/components/MessageList/hooks/VirtualizedMessageList/useGiphyPreview.ts
+++ b/src/components/MessageList/hooks/VirtualizedMessageList/useGiphyPreview.ts
@@ -9,13 +9,12 @@ import type { StreamMessage } from '../../../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 export const useGiphyPreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   separateGiphyPreview: boolean,
 ) => {
-  const [giphyPreviewMessage, setGiphyPreviewMessage] = useState<
-    StreamMessage<StreamChatGenerics>
-  >();
+  const [giphyPreviewMessage, setGiphyPreviewMessage] =
+    useState<StreamMessage<StreamChatGenerics>>();
 
   const { client } = useChatContext<StreamChatGenerics>('useGiphyPreview');
 
diff --git a/src/components/MessageList/hooks/VirtualizedMessageList/useMessageSetKey.ts b/src/components/MessageList/hooks/VirtualizedMessageList/useMessageSetKey.ts
index 1a0f0c569e..085219877f 100644
--- a/src/components/MessageList/hooks/VirtualizedMessageList/useMessageSetKey.ts
+++ b/src/components/MessageList/hooks/VirtualizedMessageList/useMessageSetKey.ts
@@ -3,13 +3,13 @@ import { StreamMessage } from '../../../../context';
 import { DefaultStreamChatGenerics } from '../../../../types/types';
 
 type UseMessageSetKeyParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   messages?: StreamMessage<StreamChatGenerics>[];
 };
 
 export const useMessageSetKey = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   messages,
 }: UseMessageSetKeyParams<StreamChatGenerics>) => {
@@ -20,7 +20,9 @@ export const useMessageSetKey = <
   const firstMessageId = useRef<string | undefined>(undefined);
 
   useEffect(() => {
-    const continuousSet = messages?.find((message) => message.id === firstMessageId.current);
+    const continuousSet = messages?.find(
+      (message) => message.id === firstMessageId.current,
+    );
     if (!continuousSet) {
       setMessageSetKey(+new Date());
     }
diff --git a/src/components/MessageList/hooks/VirtualizedMessageList/useNewMessageNotification.ts b/src/components/MessageList/hooks/VirtualizedMessageList/useNewMessageNotification.ts
index ad4fda0f3e..551df71369 100644
--- a/src/components/MessageList/hooks/VirtualizedMessageList/useNewMessageNotification.ts
+++ b/src/components/MessageList/hooks/VirtualizedMessageList/useNewMessageNotification.ts
@@ -5,14 +5,15 @@ import type { StreamMessage } from '../../../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 export function useNewMessageNotification<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   messages: StreamMessage<StreamChatGenerics>[],
   currentUserId: string | undefined,
   hasMoreNewer?: boolean,
 ) {
   const [newMessagesNotification, setNewMessagesNotification] = useState(false);
-  const [isMessageListScrolledToBottom, setIsMessageListScrolledToBottom] = useState(true);
+  const [isMessageListScrolledToBottom, setIsMessageListScrolledToBottom] =
+    useState(true);
   /**
    * use the flag to avoid the initial "new messages" quick blink
    */
diff --git a/src/components/MessageList/hooks/VirtualizedMessageList/usePrependMessagesCount.ts b/src/components/MessageList/hooks/VirtualizedMessageList/usePrependMessagesCount.ts
index 414932aeeb..6aa1b4e186 100644
--- a/src/components/MessageList/hooks/VirtualizedMessageList/usePrependMessagesCount.ts
+++ b/src/components/MessageList/hooks/VirtualizedMessageList/usePrependMessagesCount.ts
@@ -4,19 +4,19 @@ import type { StreamMessage } from '../../../../context/ChannelStateContext';
 
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
-const STATUSES_EXCLUDED_FROM_PREPEND = ({
+const STATUSES_EXCLUDED_FROM_PREPEND = {
   failed: true,
   sending: true,
-} as const) as Record<string, boolean>;
+} as const as Record<string, boolean>;
 
 export function usePrependedMessagesCount<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(messages: StreamMessage<StreamChatGenerics>[], hasDateSeparator: boolean) {
   const firstRealMessageIndex = hasDateSeparator ? 1 : 0;
-  const firstMessageOnFirstLoadedPage = useRef<StreamMessage<StreamChatGenerics>>(undefined);
-  const previousFirstMessageOnFirstLoadedPage = useRef<StreamMessage<StreamChatGenerics>>(
-    undefined,
-  );
+  const firstMessageOnFirstLoadedPage =
+    useRef<StreamMessage<StreamChatGenerics>>(undefined);
+  const previousFirstMessageOnFirstLoadedPage =
+    useRef<StreamMessage<StreamChatGenerics>>(undefined);
   const previousNumItemsPrepended = useRef(0);
 
   const numItemsPrepended = useMemo(() => {
@@ -42,7 +42,8 @@ export function usePrependedMessagesCount<
     // at non-existent index. Therefore, we ignore messages of status "sending" / "failed" in order they are
     // not considered as prepended messages.
     const firstMsgMovedAfterMessagesInExcludedStatus = !!(
-      currentFirstMessage?.status && STATUSES_EXCLUDED_FROM_PREPEND[currentFirstMessage.status]
+      currentFirstMessage?.status &&
+      STATUSES_EXCLUDED_FROM_PREPEND[currentFirstMessage.status]
     );
 
     if (noNewMessages || firstMsgMovedAfterMessagesInExcludedStatus) {
diff --git a/src/components/MessageList/hooks/VirtualizedMessageList/useScrollToBottomOnNewMessage.ts b/src/components/MessageList/hooks/VirtualizedMessageList/useScrollToBottomOnNewMessage.ts
index 3a9762c2ab..60c238985a 100644
--- a/src/components/MessageList/hooks/VirtualizedMessageList/useScrollToBottomOnNewMessage.ts
+++ b/src/components/MessageList/hooks/VirtualizedMessageList/useScrollToBottomOnNewMessage.ts
@@ -3,7 +3,7 @@ import { StreamMessage } from '../../../../context';
 import { DefaultStreamChatGenerics } from '../../../../types/types';
 
 type UseScrollToBottomOnNewMessageParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   scrollToBottom: () => void;
   messages?: StreamMessage<StreamChatGenerics>[];
@@ -12,13 +12,14 @@ type UseScrollToBottomOnNewMessageParams<
 };
 
 export const useScrollToBottomOnNewMessage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   messages,
   scrollToBottom,
   scrollToLatestMessageOnFocus,
 }: UseScrollToBottomOnNewMessageParams<StreamChatGenerics>) => {
-  const [newMessagesReceivedInBackground, setNewMessagesReceivedInBackground] = useState(false);
+  const [newMessagesReceivedInBackground, setNewMessagesReceivedInBackground] =
+    useState(false);
 
   const scrollToBottomIfConfigured = useRef<(e: Event) => void>(undefined);
 
diff --git a/src/components/MessageList/hooks/VirtualizedMessageList/useShouldForceScrollToBottom.ts b/src/components/MessageList/hooks/VirtualizedMessageList/useShouldForceScrollToBottom.ts
index 11103b60f9..fb18dd24ae 100644
--- a/src/components/MessageList/hooks/VirtualizedMessageList/useShouldForceScrollToBottom.ts
+++ b/src/components/MessageList/hooks/VirtualizedMessageList/useShouldForceScrollToBottom.ts
@@ -5,7 +5,7 @@ import type { StreamMessage } from '../../../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 export function useShouldForceScrollToBottom<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(messages: StreamMessage<StreamChatGenerics>[], currentUserId?: string) {
   const lastFocusedOwnMessage = useRef('');
   const initialFocusRegistered = useRef(false);
diff --git a/src/components/MessageList/hooks/VirtualizedMessageList/useUnreadMessagesNotificationVirtualized.ts b/src/components/MessageList/hooks/VirtualizedMessageList/useUnreadMessagesNotificationVirtualized.ts
index f86f9395e6..652b1984be 100644
--- a/src/components/MessageList/hooks/VirtualizedMessageList/useUnreadMessagesNotificationVirtualized.ts
+++ b/src/components/MessageList/hooks/VirtualizedMessageList/useUnreadMessagesNotificationVirtualized.ts
@@ -21,7 +21,7 @@ export type UseUnreadMessagesNotificationParams = {
  * @param unreadCount
  */
 export const useUnreadMessagesNotificationVirtualized = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   lastRead,
   showAlways,
@@ -37,13 +37,17 @@ export const useUnreadMessagesNotificationVirtualized = <
       if (!(firstRenderedMessage && lastRenderedMessage)) return;
       const scrolledBelowSeparator =
         !!lastRead &&
-        new Date(firstRenderedMessage.created_at as string | Date).getTime() > lastRead.getTime();
+        new Date(firstRenderedMessage.created_at as string | Date).getTime() >
+          lastRead.getTime();
       const scrolledAboveSeparator =
         !!lastRead &&
-        new Date(lastRenderedMessage.created_at as string | Date).getTime() < lastRead.getTime();
+        new Date(lastRenderedMessage.created_at as string | Date).getTime() <
+          lastRead.getTime();
 
       setShow(
-        showAlways ? scrolledBelowSeparator || scrolledAboveSeparator : scrolledBelowSeparator,
+        showAlways
+          ? scrolledBelowSeparator || scrolledAboveSeparator
+          : scrolledBelowSeparator,
       );
     },
     [lastRead, showAlways, unreadCount],
diff --git a/src/components/MessageList/hooks/__tests__/useGiphyPreview.test.js b/src/components/MessageList/hooks/__tests__/useGiphyPreview.test.js
index 8f93f48b0d..ba227a9095 100644
--- a/src/components/MessageList/hooks/__tests__/useGiphyPreview.test.js
+++ b/src/components/MessageList/hooks/__tests__/useGiphyPreview.test.js
@@ -20,7 +20,9 @@ const ownNonGiphyMessage = generateMessage({ user: me });
 const foreignNonGiphyMessage = generateMessage({ user: otherUser });
 
 const render = ({ client, separateGiphyPreview }) => {
-  const wrapper = ({ children }) => <ChatProvider value={{ client }}>{children}</ChatProvider>;
+  const wrapper = ({ children }) => (
+    <ChatProvider value={{ client }}>{children}</ChatProvider>
+  );
   return renderHook(() => useGiphyPreview(separateGiphyPreview), { wrapper });
 };
 describe('useGiphyPreview', () => {
diff --git a/src/components/MessageList/hooks/__tests__/useMarkRead.test.js b/src/components/MessageList/hooks/__tests__/useMarkRead.test.js
index 331c668ae0..89723f3e04 100644
--- a/src/components/MessageList/hooks/__tests__/useMarkRead.test.js
+++ b/src/components/MessageList/hooks/__tests__/useMarkRead.test.js
@@ -1,7 +1,11 @@
 import React from 'react';
 import { renderHook } from '@testing-library/react';
 import { useMarkRead } from '../useMarkRead';
-import { ChannelActionProvider, ChannelStateProvider, ChatProvider } from '../../../../context';
+import {
+  ChannelActionProvider,
+  ChannelStateProvider,
+  ChatProvider,
+} from '../../../../context';
 import {
   dispatchMessageNewEvent,
   generateChannel,
@@ -342,7 +346,9 @@ describe('useMarkRead', () => {
       });
 
       let channelUnreadUiStateCb;
-      setChannelUnreadUiState.mockImplementationOnce((cb) => (channelUnreadUiStateCb = cb));
+      setChannelUnreadUiState.mockImplementationOnce(
+        (cb) => (channelUnreadUiStateCb = cb),
+      );
       await act(() => {
         dispatchMessageNewEvent(client, generateMessage(), channel);
       });
@@ -372,7 +378,9 @@ describe('useMarkRead', () => {
       });
 
       let channelUnreadUiStateCb;
-      setChannelUnreadUiState.mockImplementationOnce((cb) => (channelUnreadUiStateCb = cb));
+      setChannelUnreadUiState.mockImplementationOnce(
+        (cb) => (channelUnreadUiStateCb = cb),
+      );
       await act(() => {
         dispatchMessageNewEvent(client, generateMessage(), channel);
       });
@@ -478,7 +486,9 @@ describe('useMarkRead', () => {
     describe('update unread UI state unread_messages', () => {
       it('should be performed when message list is not scrolled to bottom', async () => {
         let channelUnreadUiStateCb;
-        setChannelUnreadUiState.mockImplementationOnce((cb) => (channelUnreadUiStateCb = cb));
+        setChannelUnreadUiState.mockImplementationOnce(
+          (cb) => (channelUnreadUiStateCb = cb),
+        );
         const {
           channels: [channel],
           client,
@@ -504,7 +514,9 @@ describe('useMarkRead', () => {
 
       it('should be performed when channel was marked unread and is scrolled to the bottom', async () => {
         let channelUnreadUiStateCb;
-        setChannelUnreadUiState.mockImplementationOnce((cb) => (channelUnreadUiStateCb = cb));
+        setChannelUnreadUiState.mockImplementationOnce(
+          (cb) => (channelUnreadUiStateCb = cb),
+        );
         const {
           channels: [channel],
           client,
@@ -530,7 +542,9 @@ describe('useMarkRead', () => {
 
       it('should be performed when document is hidden and is scrolled to the bottom', async () => {
         let channelUnreadUiStateCb;
-        setChannelUnreadUiState.mockImplementationOnce((cb) => (channelUnreadUiStateCb = cb));
+        setChannelUnreadUiState.mockImplementationOnce(
+          (cb) => (channelUnreadUiStateCb = cb),
+        );
         const {
           channels: [channel],
           client,
@@ -542,7 +556,9 @@ describe('useMarkRead', () => {
           params: shouldMarkReadParams,
         });
 
-        const docHiddenSpy = jest.spyOn(document, 'hidden', 'get').mockReturnValueOnce(true);
+        const docHiddenSpy = jest
+          .spyOn(document, 'hidden', 'get')
+          .mockReturnValueOnce(true);
         await act(() => {
           dispatchMessageNewEvent(client, generateMessage(), channel);
         });
@@ -557,7 +573,9 @@ describe('useMarkRead', () => {
     describe('update unread UI state last_read', () => {
       it('should be performed when message list is not scrolled to bottom', async () => {
         let channelUnreadUiStateCb;
-        setChannelUnreadUiState.mockImplementationOnce((cb) => (channelUnreadUiStateCb = cb));
+        setChannelUnreadUiState.mockImplementationOnce(
+          (cb) => (channelUnreadUiStateCb = cb),
+        );
         const channelsData = [
           generateChannel({ messages: Array.from({ length: 2 }, generateMessage) }),
         ];
@@ -652,7 +670,9 @@ describe('useMarkRead', () => {
           params: shouldMarkReadParams,
         });
 
-        const docHiddenSpy = jest.spyOn(document, 'hidden', 'get').mockReturnValueOnce(true);
+        const docHiddenSpy = jest
+          .spyOn(document, 'hidden', 'get')
+          .mockReturnValueOnce(true);
         await act(async () => {
           await dispatchMessageNewEvent(client, generateMessage(), channel);
         });
diff --git a/src/components/MessageList/hooks/__tests__/useMessageListScrollManager.test.js b/src/components/MessageList/hooks/__tests__/useMessageListScrollManager.test.js
index 482ba5c86d..0294453529 100644
--- a/src/components/MessageList/hooks/__tests__/useMessageListScrollManager.test.js
+++ b/src/components/MessageList/hooks/__tests__/useMessageListScrollManager.test.js
@@ -190,7 +190,8 @@ describe('useMessageListScrollManager', () => {
     const messages = generateMessages(20);
     const { rerender } = render(
       <ChatProvider value={{ client }}>
-        <Comp messages={messages} offsetHeight={100} scrollHeight={400} scrollTop={300} />,
+        <Comp messages={messages} offsetHeight={100} scrollHeight={400} scrollTop={300} />
+        ,
       </ChatProvider>,
     );
 
diff --git a/src/components/MessageList/hooks/__tests__/usePrependMessagesCount.test.js b/src/components/MessageList/hooks/__tests__/usePrependMessagesCount.test.js
index 461fc6c838..c1c6ffb45b 100644
--- a/src/components/MessageList/hooks/__tests__/usePrependMessagesCount.test.js
+++ b/src/components/MessageList/hooks/__tests__/usePrependMessagesCount.test.js
@@ -22,13 +22,18 @@ const page1WithDateSeparator = messagesWithDateSeparator({ messages: page1 });
 const page2WithDateSeparator = messagesWithDateSeparator({ messages: page2 });
 
 const render = ({ hasDateSeparator, messages } = {}) =>
-  renderHook((props) => usePrependedMessagesCount(props.messages, props.hasDateSeparator), {
-    initialProps: { hasDateSeparator, messages },
-  });
+  renderHook(
+    (props) => usePrependedMessagesCount(props.messages, props.hasDateSeparator),
+    {
+      initialProps: { hasDateSeparator, messages },
+    },
+  );
 describe('usePrependMessagesCount', function () {
   it('is 0 when not messages are available', () => {
     const { result: resultMessagesUndefined } = render();
-    const { result: resultMessagesUndefinedHasDateSeparator } = render({ hasDateSeparator: true });
+    const { result: resultMessagesUndefinedHasDateSeparator } = render({
+      hasDateSeparator: true,
+    });
     const { result: resultMessagesEmpty } = render({ messages: [] });
     const { result: resultMessagesEmptyHasDateSeparator } = render({
       hasDateSeparator: true,
diff --git a/src/components/MessageList/hooks/useLastReadData.ts b/src/components/MessageList/hooks/useLastReadData.ts
index 814cd4596c..f631f53a90 100644
--- a/src/components/MessageList/hooks/useLastReadData.ts
+++ b/src/components/MessageList/hooks/useLastReadData.ts
@@ -9,7 +9,7 @@ import type { StreamMessage } from '../../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 type UseLastReadDataParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   messages: StreamMessage<StreamChatGenerics>[];
   returnAllReadData: boolean;
@@ -18,7 +18,7 @@ type UseLastReadDataParams<
 };
 
 export const useLastReadData = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: UseLastReadDataParams<StreamChatGenerics>,
 ) => {
diff --git a/src/components/MessageList/hooks/useMarkRead.ts b/src/components/MessageList/hooks/useMarkRead.ts
index b1bd357d36..26181cd98c 100644
--- a/src/components/MessageList/hooks/useMarkRead.ts
+++ b/src/components/MessageList/hooks/useMarkRead.ts
@@ -9,7 +9,7 @@ import type { Channel, Event, MessageResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types';
 
 const hasReadLastMessage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   channel: Channel<StreamChatGenerics>,
   userId: string,
@@ -35,7 +35,7 @@ type UseMarkReadParams = {
  * @param wasChannelMarkedUnread
  */
 export const useMarkRead = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   isMessageListScrolledToBottom,
   messageListIsThread,
@@ -59,7 +59,8 @@ export const useMarkRead = <
     };
 
     const handleMessageNew = (event: Event<StreamChatGenerics>) => {
-      const mainChannelUpdated = !event.message?.parent_id || event.message?.show_in_channel;
+      const mainChannelUpdated =
+        !event.message?.parent_id || event.message?.show_in_channel;
 
       if (!isMessageListScrolledToBottom || wasMarkedUnread || document.hidden) {
         setChannelUnreadUiState((prev) => {
@@ -106,8 +107,11 @@ export const useMarkRead = <
 };
 
 function getPreviousLastMessage<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
->(messages: StreamMessage<StreamChatGenerics>[], newMessage?: MessageResponse<StreamChatGenerics>) {
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  messages: StreamMessage<StreamChatGenerics>[],
+  newMessage?: MessageResponse<StreamChatGenerics>,
+) {
   if (!newMessage) return;
   let previousLastMessage;
   for (let i = messages.length - 1; i >= 0; i--) {
diff --git a/src/components/MessageList/renderMessages.tsx b/src/components/MessageList/renderMessages.tsx
index fb144a3875..0da5803a1c 100644
--- a/src/components/MessageList/renderMessages.tsx
+++ b/src/components/MessageList/renderMessages.tsx
@@ -15,7 +15,7 @@ import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { MessageProps } from '../Message';
 
 export interface RenderMessagesOptions<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > {
   components: ComponentContextValue<StreamChatGenerics>;
   lastReceivedMessageId: string | null;
@@ -39,11 +39,11 @@ export interface RenderMessagesOptions<
 }
 
 export type SharedMessageProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Omit<MessageProps<StreamChatGenerics>, MessagePropsToOmit>;
 
 export type MessageRenderer<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = (options: RenderMessagesOptions<StreamChatGenerics>) => Array<ReactNode>;
 
 type MessagePropsToOmit =
@@ -55,7 +55,7 @@ type MessagePropsToOmit =
   | 'readBy';
 
 export function defaultRenderMessages<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   channelUnreadUiState,
   components,
@@ -96,7 +96,10 @@ export function defaultRenderMessages<
       );
     } else if (message.type === 'system') {
       renderedMessages.push(
-        <li data-message-id={message.id} key={message.id || (message.created_at as string)}>
+        <li
+          data-message-id={message.id}
+          key={message.id || (message.created_at as string)}
+        >
           <MessageSystem message={message} />
         </li>,
       );
@@ -105,7 +108,8 @@ export function defaultRenderMessages<
         firstMessage = message;
       }
       const groupStyles: GroupStyle = messageGroupStyles[message.id] || '';
-      const messageClass = customClasses?.message || `str-chat__li str-chat__li--${groupStyles}`;
+      const messageClass =
+        customClasses?.message || `str-chat__li str-chat__li--${groupStyles}`;
 
       const isFirstUnreadMessage = getIsFirstUnreadMessage({
         firstUnreadMessageId: channelUnreadUiState?.first_unread_message_id,
@@ -121,10 +125,16 @@ export function defaultRenderMessages<
         <Fragment key={message.id || (message.created_at as string)}>
           {isFirstUnreadMessage && UnreadMessagesSeparator && (
             <li className='str-chat__li str-chat__unread-messages-separator-wrapper'>
-              <UnreadMessagesSeparator unreadCount={channelUnreadUiState?.unread_messages} />
+              <UnreadMessagesSeparator
+                unreadCount={channelUnreadUiState?.unread_messages}
+              />
             </li>
           )}
-          <li className={messageClass} data-message-id={message.id} data-testid={messageClass}>
+          <li
+            className={messageClass}
+            data-message-id={message.id}
+            data-testid={messageClass}
+          >
             <Message
               groupStyles={[groupStyles]} /* TODO: convert to simple string */
               lastReceivedId={lastReceivedId}
diff --git a/src/components/MessageList/utils.ts b/src/components/MessageList/utils.ts
index dcf5bc94db..565df7b66a 100644
--- a/src/components/MessageList/utils.ts
+++ b/src/components/MessageList/utils.ts
@@ -1,4 +1,3 @@
-/* eslint-disable no-continue */
 import { nanoid } from 'nanoid';
 
 import { CUSTOM_MESSAGE_TYPE } from '../../constants/messageTypes';
@@ -23,7 +22,7 @@ type ProcessMessagesContext = {
 };
 
 export type ProcessMessagesParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = ProcessMessagesContext & {
   messages: StreamMessage<StreamChatGenerics>[];
   reviewProcessedMessage?: (params: {
@@ -61,7 +60,7 @@ export type ProcessMessagesParams<
  * @return {StreamMessage<StreamChatGenerics>[]} Transformed list of messages
  */
 export const processMessages = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   params: ProcessMessagesParams<StreamChatGenerics>,
 ) => {
@@ -86,7 +85,11 @@ export const processMessages = <
       continue;
     }
 
-    if (setGiphyPreviewMessage && message.type === 'ephemeral' && message.command === 'giphy') {
+    if (
+      setGiphyPreviewMessage &&
+      message.type === 'ephemeral' &&
+      message.command === 'giphy'
+    ) {
       ephemeralMessagePresent = true;
       setGiphyPreviewMessage(message);
       continue;
@@ -94,16 +97,25 @@ export const processMessages = <
 
     const changes: StreamMessage<StreamChatGenerics>[] = [];
     const messageDate =
-      (message.created_at && isDate(message.created_at) && message.created_at.toDateString()) || '';
+      (message.created_at &&
+        isDate(message.created_at) &&
+        message.created_at.toDateString()) ||
+      '';
     const previousMessage = messages[i - 1];
     let prevMessageDate = messageDate;
 
-    if (enableDateSeparator && previousMessage?.created_at && isDate(previousMessage.created_at)) {
+    if (
+      enableDateSeparator &&
+      previousMessage?.created_at &&
+      isDate(previousMessage.created_at)
+    ) {
       prevMessageDate = previousMessage.created_at.toDateString();
     }
 
     if (!unread && !hideNewMessageSeparator) {
-      unread = (lastRead && message.created_at && new Date(lastRead) < message.created_at) || false;
+      unread =
+        (lastRead && message.created_at && new Date(lastRead) < message.created_at) ||
+        false;
 
       // do not show date separator for current user's messages
       if (enableDateSeparator && unread && message.user?.id !== userId) {
@@ -171,7 +183,7 @@ export const makeDateMessageId = (date?: string | Date) => {
 
 // fast since it usually iterates just the last few messages
 export const getLastReceived = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   messages: StreamMessage<StreamChatGenerics>[],
 ) => {
@@ -185,7 +197,7 @@ export const getLastReceived = <
 };
 
 export const getReadStates = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   messages: StreamMessage<StreamChatGenerics>[],
   read: Record<string, { last_read: Date; user: UserResponse<StreamChatGenerics> }> = {},
@@ -229,15 +241,15 @@ export const getReadStates = <
 };
 
 export const insertIntro = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   messages: StreamMessage<StreamChatGenerics>[],
   headerPosition?: number,
 ) => {
   const newMessages = messages;
-  const intro = ({
+  const intro = {
     customType: CUSTOM_MESSAGE_TYPE.intro,
-  } as unknown) as StreamMessage<StreamChatGenerics>;
+  } as unknown as StreamMessage<StreamChatGenerics>;
 
   // if no headerPosition is set, HeaderComponent will go at the top
   if (!headerPosition) {
@@ -255,7 +267,9 @@ export const insertIntro = <
   for (let i = 0; i < messages.length; i += 1) {
     const message = messages[i];
     const messageTime =
-      message.created_at && isDate(message.created_at) ? message.created_at.getTime() : null;
+      message.created_at && isDate(message.created_at)
+        ? message.created_at.getTime()
+        : null;
 
     const nextMessage = messages[i + 1];
     const nextMessageTime =
@@ -267,7 +281,8 @@ export const insertIntro = <
     if (messageTime && messageTime < headerPosition) {
       // if header position is also smaller than message time continue;
       if (nextMessageTime && nextMessageTime < headerPosition) {
-        if (messages[i + 1] && messages[i + 1].customType === CUSTOM_MESSAGE_TYPE.date) continue;
+        if (messages[i + 1] && messages[i + 1].customType === CUSTOM_MESSAGE_TYPE.date)
+          continue;
         if (!nextMessageTime) {
           newMessages.push(intro);
           return newMessages;
@@ -285,7 +300,7 @@ export const insertIntro = <
 export type GroupStyle = '' | 'middle' | 'top' | 'bottom' | 'single';
 
 export const getGroupStyles = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   message: StreamMessage<StreamChatGenerics>,
   previousMessage: StreamMessage<StreamChatGenerics>,
@@ -312,7 +327,8 @@ export const getGroupStyles = <
     (maxTimeBetweenGroupedMessages !== undefined &&
       previousMessage.created_at &&
       message.created_at &&
-      new Date(message.created_at).getTime() - new Date(previousMessage.created_at).getTime() >
+      new Date(message.created_at).getTime() -
+        new Date(previousMessage.created_at).getTime() >
         maxTimeBetweenGroupedMessages);
 
   const isBottomMessage =
@@ -324,12 +340,14 @@ export const getGroupStyles = <
     nextMessage.attachments?.length !== 0 ||
     message.user?.id !== nextMessage.user?.id ||
     nextMessage.deleted_at ||
-    (nextMessage.reaction_groups && Object.keys(nextMessage.reaction_groups).length > 0) ||
+    (nextMessage.reaction_groups &&
+      Object.keys(nextMessage.reaction_groups).length > 0) ||
     isMessageEdited(message) ||
     (maxTimeBetweenGroupedMessages !== undefined &&
       nextMessage.created_at &&
       message.created_at &&
-      new Date(nextMessage.created_at).getTime() - new Date(message.created_at).getTime() >
+      new Date(nextMessage.created_at).getTime() -
+        new Date(message.created_at).getTime() >
         maxTimeBetweenGroupedMessages);
 
   if (!isTopMessage && !isBottomMessage) {
@@ -368,10 +386,13 @@ type DateSeparatorMessage = {
 };
 
 export function isDateSeparatorMessage<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
-  // @ts-ignore
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(message: StreamMessage<StreamChatGenerics>): message is DateSeparatorMessage {
-  return message.customType === CUSTOM_MESSAGE_TYPE.date && !!message.date && isDate(message.date);
+  return (
+    message.customType === CUSTOM_MESSAGE_TYPE.date &&
+    !!message.date &&
+    isDate(message.date)
+  );
 }
 
 export const getIsFirstUnreadMessage = ({
@@ -402,6 +423,8 @@ export const getIsFirstUnreadMessage = ({
 
   return (
     firstUnreadMessageId === message.id ||
-    (!!unreadMessageCount && messageIsUnread && (isFirstMessage || previousMessageIsLastRead))
+    (!!unreadMessageCount &&
+      messageIsUnread &&
+      (isFirstMessage || previousMessageIsLastRead))
   );
 };
diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
index f1e21c7ec4..b93b95d0f9 100644
--- a/src/components/Modal/Modal.tsx
+++ b/src/components/Modal/Modal.tsx
@@ -17,7 +17,12 @@ export type ModalProps = {
   ) => void;
 };
 
-export const Modal = ({ children, className, onClose, open }: PropsWithChildren<ModalProps>) => {
+export const Modal = ({
+  children,
+  className,
+  onClose,
+  open,
+}: PropsWithChildren<ModalProps>) => {
   const { t } = useTranslationContext('Modal');
 
   const innerRef = useRef<HTMLDivElement | null>(null);
@@ -27,14 +32,15 @@ export const Modal = ({ children, className, onClose, open }: PropsWithChildren<
     const target = event.target as HTMLButtonElement | HTMLDivElement;
     if (!innerRef.current || !closeRef.current) return;
 
-    if (!innerRef.current.contains(target) || closeRef.current.contains(target)) onClose?.(event);
+    if (!innerRef.current.contains(target) || closeRef.current.contains(target))
+      onClose?.(event);
   };
 
   useEffect(() => {
     if (!open) return;
 
     const handleKeyDown = (event: KeyboardEvent) => {
-      if (event.key === 'Escape') onClose?.((event as unknown) as React.KeyboardEvent);
+      if (event.key === 'Escape') onClose?.(event as unknown as React.KeyboardEvent);
     };
 
     document.addEventListener('keydown', handleKeyDown);
@@ -44,12 +50,22 @@ export const Modal = ({ children, className, onClose, open }: PropsWithChildren<
   if (!open) return null;
 
   return (
-    <div className={clsx('str-chat__modal str-chat__modal--open', className)} onClick={handleClick}>
+    <div
+      className={clsx('str-chat__modal str-chat__modal--open', className)}
+      onClick={handleClick}
+    >
       <FocusScope autoFocus contain>
-        <button className='str-chat__modal__close-button' ref={closeRef} title={t<string>('Close')}>
+        <button
+          className='str-chat__modal__close-button'
+          ref={closeRef}
+          title={t<string>('Close')}
+        >
           <CloseIconRound />
         </button>
-        <div className='str-chat__modal__inner str-chat-react__modal__inner' ref={innerRef}>
+        <div
+          className='str-chat__modal__inner str-chat-react__modal__inner'
+          ref={innerRef}
+        >
           {children}
         </div>
       </FocusScope>
diff --git a/src/components/Modal/ModalHeader.tsx b/src/components/Modal/ModalHeader.tsx
index 6bb84591ea..fb7a2372c3 100644
--- a/src/components/Modal/ModalHeader.tsx
+++ b/src/components/Modal/ModalHeader.tsx
@@ -10,7 +10,9 @@ export type ModalHeaderProps = {
 
 export const ModalHeader = ({ className, close, goBack, title }: ModalHeaderProps) => (
   <div className={clsx('str-chat__modal-header', className)}>
-    {goBack && <button className='str-chat__modal-header__go-back-button' onClick={goBack} />}
+    {goBack && (
+      <button className='str-chat__modal-header__go-back-button' onClick={goBack} />
+    )}
     <div className='str-chat__modal-header__title'>{title}</div>
     {close && <button className='str-chat__modal-header__close-button' onClick={close} />}
   </div>
diff --git a/src/components/Modal/__tests__/Modal.test.js b/src/components/Modal/__tests__/Modal.test.js
index b6d692d30c..6d78a13b2c 100644
--- a/src/components/Modal/__tests__/Modal.test.js
+++ b/src/components/Modal/__tests__/Modal.test.js
@@ -6,7 +6,7 @@ import '@testing-library/jest-dom';
 import { Modal } from '../Modal';
 
 describe('Modal', () => {
-  afterEach(cleanup); // eslint-disable-line
+  afterEach(cleanup);
 
   it('should be closed (null) if the `open` prop is set to false', () => {
     const { container } = render(<Modal onClose={() => {}} open={false} />);
diff --git a/src/components/Poll/Poll.tsx b/src/components/Poll/Poll.tsx
index 55dcbb058a..016864244a 100644
--- a/src/components/Poll/Poll.tsx
+++ b/src/components/Poll/Poll.tsx
@@ -6,7 +6,7 @@ import type { Poll as PollClass } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types';
 
 export const Poll = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   isQuoted,
   poll,
@@ -14,10 +14,8 @@ export const Poll = <
   poll: PollClass<StreamChatGenerics>;
   isQuoted?: boolean;
 }) => {
-  const {
-    PollContent = DefaultPollContent,
-    QuotedPoll = DefaultQuotedPoll,
-  } = useComponentContext();
+  const { PollContent = DefaultPollContent, QuotedPoll = DefaultQuotedPoll } =
+    useComponentContext();
   return poll ? (
     <PollProvider poll={poll}>{isQuoted ? <QuotedPoll /> : <PollContent />}</PollProvider>
   ) : null;
diff --git a/src/components/Poll/PollActions/AddCommentForm.tsx b/src/components/Poll/PollActions/AddCommentForm.tsx
index 71530f52ab..ff3b0d51ac 100644
--- a/src/components/Poll/PollActions/AddCommentForm.tsx
+++ b/src/components/Poll/PollActions/AddCommentForm.tsx
@@ -7,7 +7,7 @@ import type { DefaultStreamChatGenerics } from '../../../types';
 
 type PollStateSelectorReturnValue = { ownAnswer: PollAnswer | undefined };
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorReturnValue => ({ ownAnswer: nextValue.ownAnswer });
@@ -18,7 +18,7 @@ export type AddCommentFormProps = {
 };
 
 export const AddCommentForm = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   close,
   messageId,
diff --git a/src/components/Poll/PollActions/EndPollDialog.tsx b/src/components/Poll/PollActions/EndPollDialog.tsx
index a1b851e76b..103243bdae 100644
--- a/src/components/Poll/PollActions/EndPollDialog.tsx
+++ b/src/components/Poll/PollActions/EndPollDialog.tsx
@@ -8,7 +8,7 @@ export type EndPollDialogProps = {
 };
 
 export const EndPollDialog = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   close,
 }: EndPollDialogProps) => {
diff --git a/src/components/Poll/PollActions/PollActions.tsx b/src/components/Poll/PollActions/PollActions.tsx
index 99fac20dae..cd633a5053 100644
--- a/src/components/Poll/PollActions/PollActions.tsx
+++ b/src/components/Poll/PollActions/PollActions.tsx
@@ -1,12 +1,21 @@
 import React, { useCallback, useState } from 'react';
 import { PollAction } from './PollAction';
-import { AddCommentFormProps, AddCommentForm as DefaultAddCommentForm } from './AddCommentForm';
+import {
+  AddCommentFormProps,
+  AddCommentForm as DefaultAddCommentForm,
+} from './AddCommentForm';
 import {
   SuggestPollOptionForm as DefaultSuggestPollOptionForm,
   SuggestPollOptionFormProps,
 } from './SuggestPollOptionForm';
-import { EndPollDialog as DefaultEndPollDialog, EndPollDialogProps } from './EndPollDialog';
-import { PollAnswerList as DefaultPollAnswerList, PollAnswerListProps } from './PollAnswerList';
+import {
+  EndPollDialog as DefaultEndPollDialog,
+  EndPollDialogProps,
+} from './EndPollDialog';
+import {
+  PollAnswerList as DefaultPollAnswerList,
+  PollAnswerListProps,
+} from './PollAnswerList';
 import {
   PollOptionsFullList as DefaultPollOptionsFullList,
   FullPollOptionsListingProps,
@@ -43,7 +52,7 @@ type PollStateSelectorReturnValue = {
   ownAnswer: PollAnswer | undefined;
 };
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorReturnValue => ({
@@ -66,7 +75,7 @@ export type PollActionsProps = {
 };
 
 export const PollActions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   AddCommentForm = DefaultAddCommentForm,
   EndPollDialog = DefaultEndPollDialog,
@@ -77,7 +86,8 @@ export const PollActions = <
 }: PollActionsProps) => {
   const { client } = useChatContext();
   const { t } = useTranslationContext('PollActions');
-  const { channelCapabilities = {} } = useChannelStateContext<StreamChatGenerics>('PollActions');
+  const { channelCapabilities = {} } =
+    useChannelStateContext<StreamChatGenerics>('PollActions');
   const { message } = useMessageContext('PollActions');
   const { poll } = usePollContext<StreamChatGenerics>();
   const {
@@ -109,21 +119,25 @@ export const PollActions = <
         </PollAction>
       )}
 
-      {!is_closed && allow_user_suggested_options && options.length < MAX_POLL_OPTIONS && (
-        <PollAction
-          buttonText={t<string>('Suggest an option')}
-          closeModal={closeModal}
-          modalClassName='str-chat__suggest-poll-option-modal'
-          modalIsOpen={modalOpen === 'suggest-option'}
-          openModal={() => setModalOpen('suggest-option')}
-        >
-          <SuggestPollOptionForm close={closeModal} messageId={message.id} />
-        </PollAction>
-      )}
+      {!is_closed &&
+        allow_user_suggested_options &&
+        options.length < MAX_POLL_OPTIONS && (
+          <PollAction
+            buttonText={t<string>('Suggest an option')}
+            closeModal={closeModal}
+            modalClassName='str-chat__suggest-poll-option-modal'
+            modalIsOpen={modalOpen === 'suggest-option'}
+            openModal={() => setModalOpen('suggest-option')}
+          >
+            <SuggestPollOptionForm close={closeModal} messageId={message.id} />
+          </PollAction>
+        )}
 
       {!is_closed && allow_answers && (
         <PollAction
-          buttonText={ownAnswer ? t<string>('Update your comment') : t<string>('Add a comment')}
+          buttonText={
+            ownAnswer ? t<string>('Update your comment') : t<string>('Add a comment')
+          }
           closeModal={closeModal}
           modalClassName='str-chat__add-poll-answer-modal'
           modalIsOpen={modalOpen === 'add-comment'}
@@ -141,7 +155,10 @@ export const PollActions = <
           modalIsOpen={modalOpen === 'view-comments'}
           openModal={() => setModalOpen('view-comments')}
         >
-          <PollAnswerList close={closeModal} onUpdateOwnAnswerClick={onUpdateAnswerClick} />
+          <PollAnswerList
+            close={closeModal}
+            onUpdateOwnAnswerClick={onUpdateAnswerClick}
+          />
         </PollAction>
       )}
 
diff --git a/src/components/Poll/PollActions/PollAnswerList.tsx b/src/components/Poll/PollActions/PollAnswerList.tsx
index 78a6e59b8c..c651d2e1f2 100644
--- a/src/components/Poll/PollActions/PollAnswerList.tsx
+++ b/src/components/Poll/PollActions/PollAnswerList.tsx
@@ -15,7 +15,7 @@ type PollStateSelectorReturnValue = {
   ownAnswer: PollAnswer | undefined;
 };
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorReturnValue => ({
@@ -29,7 +29,7 @@ export type PollAnswerListProps = {
 };
 
 export const PollAnswerList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   close,
   onUpdateOwnAnswerClick,
@@ -38,13 +38,8 @@ export const PollAnswerList = <
   const { poll } = usePollContext<StreamChatGenerics>();
   const { is_closed, ownAnswer } = useStateStore(poll.state, pollStateSelector);
 
-  const {
-    answers,
-    error,
-    hasNextPage,
-    loading,
-    loadMore,
-  } = usePollAnswerPagination<StreamChatGenerics>();
+  const { answers, error, hasNextPage, loading, loadMore } =
+    usePollAnswerPagination<StreamChatGenerics>();
 
   return (
     <div className='str-chat__modal__poll-answer-list'>
diff --git a/src/components/Poll/PollActions/PollOptionsFullList.tsx b/src/components/Poll/PollActions/PollOptionsFullList.tsx
index 505b562074..0fae91f8fb 100644
--- a/src/components/Poll/PollActions/PollOptionsFullList.tsx
+++ b/src/components/Poll/PollActions/PollOptionsFullList.tsx
@@ -9,7 +9,7 @@ import type { DefaultStreamChatGenerics } from '../../../types';
 
 type PollStateSelectorReturnValue = { name: string };
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorReturnValue => ({ name: nextValue.name });
@@ -19,7 +19,7 @@ export type FullPollOptionsListingProps = {
 };
 
 export const PollOptionsFullList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   close,
 }: FullPollOptionsListingProps) => {
diff --git a/src/components/Poll/PollActions/PollResults/PollOptionVotesList.tsx b/src/components/Poll/PollActions/PollResults/PollOptionVotesList.tsx
index ffdeb740c7..da98bbe6b5 100644
--- a/src/components/Poll/PollActions/PollResults/PollOptionVotesList.tsx
+++ b/src/components/Poll/PollActions/PollResults/PollOptionVotesList.tsx
@@ -8,13 +8,13 @@ import type { PollOption, PollOptionVotesQueryParams } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../../types';
 
 export type PollOptionVotesListingProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   option: PollOption<StreamChatGenerics>;
 };
 
 export const PollOptionVotesList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   option,
 }: PollOptionVotesListingProps<StreamChatGenerics>) => {
@@ -22,15 +22,10 @@ export const PollOptionVotesList = <
     () => ({ filter: { option_id: option.id } }),
     [option.id],
   );
-  const {
-    error,
-    hasNextPage,
-    loading,
-    loadMore,
-    votes,
-  } = usePollOptionVotesPagination<StreamChatGenerics>({
-    paginationParams,
-  });
+  const { error, hasNextPage, loading, loadMore, votes } =
+    usePollOptionVotesPagination<StreamChatGenerics>({
+      paginationParams,
+    });
 
   return (
     <div className='str-chat__poll-option str-chat__poll-option--full-vote-list'>
diff --git a/src/components/Poll/PollActions/PollResults/PollOptionWithLatestVotes.tsx b/src/components/Poll/PollActions/PollResults/PollOptionWithLatestVotes.tsx
index 2eb867b8aa..18df5886a3 100644
--- a/src/components/Poll/PollActions/PollResults/PollOptionWithLatestVotes.tsx
+++ b/src/components/Poll/PollActions/PollResults/PollOptionWithLatestVotes.tsx
@@ -2,22 +2,28 @@ import React from 'react';
 import { PollOptionWithVotesHeader } from './PollOptionWithVotesHeader';
 import { PollVoteListing } from '../../PollVote';
 import { useStateStore } from '../../../../store';
-import { useChannelStateContext, usePollContext, useTranslationContext } from '../../../../context';
+import {
+  useChannelStateContext,
+  usePollContext,
+  useTranslationContext,
+} from '../../../../context';
 import type { PollOption, PollState, PollVote } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../../types';
 
 type PollStateSelectorReturnValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = { latest_votes_by_option: Record<string, PollVote<StreamChatGenerics>[]> };
 
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
-): PollStateSelectorReturnValue => ({ latest_votes_by_option: nextValue.latest_votes_by_option });
+): PollStateSelectorReturnValue => ({
+  latest_votes_by_option: nextValue.latest_votes_by_option,
+});
 
 export type PollOptionWithVotesProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   option: PollOption<StreamChatGenerics>;
   countVotesPreview?: number;
@@ -25,7 +31,7 @@ export type PollOptionWithVotesProps<
 };
 
 export const PollOptionWithLatestVotes = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   countVotesPreview = 5,
   option,
@@ -47,7 +53,10 @@ export const PollOptionWithLatestVotes = <
       {channelCapabilities['query-poll-votes'] &&
         showAllVotes &&
         votes?.length > countVotesPreview && (
-          <button className='str-chat__poll-option__show-all-votes-button' onClick={showAllVotes}>
+          <button
+            className='str-chat__poll-option__show-all-votes-button'
+            onClick={showAllVotes}
+          >
             {t<string>('Show all')}
           </button>
         )}
diff --git a/src/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.tsx b/src/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.tsx
index 55febf9588..4af19ede8e 100644
--- a/src/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.tsx
+++ b/src/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.tsx
@@ -9,7 +9,7 @@ type PollStateSelectorReturnValue = {
   vote_counts_by_option: Record<string, number>;
 };
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorReturnValue => ({
@@ -22,13 +22,16 @@ export type PollResultOptionVoteCounterProps = {
 };
 
 export const PollResultOptionVoteCounter = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   optionId,
 }: PollResultOptionVoteCounterProps) => {
   const { t } = useTranslationContext();
   const { poll } = usePollContext<StreamChatGenerics>();
-  const { maxVotedOptionIds, vote_counts_by_option } = useStateStore(poll.state, pollStateSelector);
+  const { maxVotedOptionIds, vote_counts_by_option } = useStateStore(
+    poll.state,
+    pollStateSelector,
+  );
 
   return (
     <div className='str-chat__poll-result-option-vote-counter'>
@@ -43,13 +46,13 @@ export const PollResultOptionVoteCounter = <
 };
 
 export type PollOptionWithVotesHeaderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   option: PollOption<StreamChatGenerics>;
 };
 
 export const PollOptionWithVotesHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   option,
 }: PollOptionWithVotesHeaderProps<StreamChatGenerics>) => (
diff --git a/src/components/Poll/PollActions/PollResults/PollResults.tsx b/src/components/Poll/PollActions/PollResults/PollResults.tsx
index c76b998711..3797f1b8b4 100644
--- a/src/components/Poll/PollActions/PollResults/PollResults.tsx
+++ b/src/components/Poll/PollActions/PollResults/PollResults.tsx
@@ -9,14 +9,14 @@ import type { PollOption, PollState } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../../types';
 
 type PollStateSelectorReturnValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   name: string;
   options: PollOption<StreamChatGenerics>[];
   vote_counts_by_option: Record<string, number>;
 };
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorReturnValue<StreamChatGenerics> => ({
@@ -30,13 +30,16 @@ export type PollResultsProps = {
 };
 
 export const PollResults = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   close,
 }: PollResultsProps) => {
   const { t } = useTranslationContext();
   const { poll } = usePollContext<StreamChatGenerics>();
-  const { name, options, vote_counts_by_option } = useStateStore(poll.state, pollStateSelector);
+  const { name, options, vote_counts_by_option } = useStateStore(
+    poll.state,
+    pollStateSelector,
+  );
   const [optionToView, setOptionToView] = useState<PollOption<StreamChatGenerics>>();
 
   const goBack = useCallback(() => setOptionToView(undefined), []);
@@ -65,7 +68,8 @@ export const PollResults = <
             <div className='str-chat__modal__poll-results__option-list'>
               {options
                 .sort((next, current) =>
-                  (vote_counts_by_option[current.id] ?? 0) >= (vote_counts_by_option[next.id] ?? 0)
+                  (vote_counts_by_option[current.id] ?? 0) >=
+                  (vote_counts_by_option[next.id] ?? 0)
                     ? 1
                     : -1,
                 )
diff --git a/src/components/Poll/PollActions/SuggestPollOptionForm.tsx b/src/components/Poll/PollActions/SuggestPollOptionForm.tsx
index 3629450fff..f7baf8fcc9 100644
--- a/src/components/Poll/PollActions/SuggestPollOptionForm.tsx
+++ b/src/components/Poll/PollActions/SuggestPollOptionForm.tsx
@@ -6,10 +6,10 @@ import type { PollOption, PollState } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types';
 
 type PollStateSelectorReturnValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = { options: PollOption<StreamChatGenerics>[] };
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorReturnValue<StreamChatGenerics> => ({ options: nextValue.options });
@@ -20,7 +20,7 @@ export type SuggestPollOptionFormProps = {
 };
 
 export const SuggestPollOptionForm = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   close,
   messageId,
diff --git a/src/components/Poll/PollContent.tsx b/src/components/Poll/PollContent.tsx
index 96100a2fa0..286ace28a6 100644
--- a/src/components/Poll/PollContent.tsx
+++ b/src/components/Poll/PollContent.tsx
@@ -11,17 +11,15 @@ import type { DefaultStreamChatGenerics } from '../../types';
 
 type PollStateSelectorPollContentReturnValue = { is_closed: boolean | undefined };
 const pollStateSelectorPollContent = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorPollContentReturnValue => ({ is_closed: nextValue.is_closed });
 export const PollContent = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >() => {
-  const {
-    PollHeader = DefaultPollHeader,
-    PollActions = DefaultPollActions,
-  } = useComponentContext<StreamChatGenerics>();
+  const { PollActions = DefaultPollActions, PollHeader = DefaultPollHeader } =
+    useComponentContext<StreamChatGenerics>();
   const { poll } = usePollContext<StreamChatGenerics>();
   const { is_closed } = useStateStore(poll.state, pollStateSelectorPollContent);
 
diff --git a/src/components/Poll/PollCreationDialog/OptionFieldSet.tsx b/src/components/Poll/PollCreationDialog/OptionFieldSet.tsx
index 0246c564c0..6b1489e69a 100644
--- a/src/components/Poll/PollCreationDialog/OptionFieldSet.tsx
+++ b/src/components/Poll/PollCreationDialog/OptionFieldSet.tsx
@@ -7,7 +7,10 @@ import { DragAndDropContainer } from '../../DragAndDrop/DragAndDropContainer';
 import { useTranslationContext } from '../../../context';
 import type { OptionErrors, PollFormState, PollOptionFormData } from './types';
 
-const VALIDATION_ERRORS = ({ 'Option already exists': true } as const) as Record<string, boolean>;
+const VALIDATION_ERRORS = { 'Option already exists': true } as const as Record<
+  string,
+  boolean
+>;
 
 export type OptionFieldSetProps = {
   errors: OptionErrors;
@@ -16,7 +19,12 @@ export type OptionFieldSetProps = {
   setState: (fn: (prev: PollFormState) => PollFormState) => void;
 };
 
-export const OptionFieldSet = ({ errors, options, setErrors, setState }: OptionFieldSetProps) => {
+export const OptionFieldSet = ({
+  errors,
+  options,
+  setErrors,
+  setState,
+}: OptionFieldSetProps) => {
   const { t } = useTranslationContext('OptionFieldSet');
 
   const findOptionDuplicate = (sourceOption: PollOptionFormData) => {
@@ -30,7 +38,10 @@ export const OptionFieldSet = ({ errors, options, setErrors, setState }: OptionF
 
   const onSetNewOrder = useCallback(
     (newOrder: number[]) => {
-      setState((prev) => ({ ...prev, options: newOrder.map((index) => prev.options[index]) }));
+      setState((prev) => ({
+        ...prev,
+        options: newOrder.map((index) => prev.options[index]),
+      }));
     },
     [setState],
   );
@@ -76,7 +87,9 @@ export const OptionFieldSet = ({ errors, options, setErrors, setState }: OptionF
                       (!prev.options ||
                         (prev.options.slice(i + 1).length === 0 && !!e.target.value));
                     const shouldRemoveOption =
-                      prev.options && prev.options.slice(i + 1).length > 0 && !e.target.value;
+                      prev.options &&
+                      prev.options.slice(i + 1).length > 0 &&
+                      !e.target.value;
 
                     const optionListHead = prev.options ? prev.options.slice(0, i) : [];
                     const optionListTail = shouldAddEmptyOption
@@ -98,7 +111,9 @@ export const OptionFieldSet = ({ errors, options, setErrors, setState }: OptionF
                       ...prev,
                       options: [
                         ...optionListHead,
-                        ...(shouldRemoveOption ? [] : [{ ...option, text: e.target.value }]),
+                        ...(shouldRemoveOption
+                          ? []
+                          : [{ ...option, text: e.target.value }]),
                         ...optionListTail,
                       ],
                     };
diff --git a/src/components/Poll/PollCreationDialog/PollCreationDialog.tsx b/src/components/Poll/PollCreationDialog/PollCreationDialog.tsx
index 3750b2befc..9d8b09b6a7 100644
--- a/src/components/Poll/PollCreationDialog/PollCreationDialog.tsx
+++ b/src/components/Poll/PollCreationDialog/PollCreationDialog.tsx
@@ -36,7 +36,7 @@ export const PollCreationDialog = ({ close }: PollCreationDialogProps) => {
         options: [{ id: nanoid(), text: '' }],
         user_id: client.user?.id,
         voting_visibility: 'public',
-      } as PollFormState),
+      }) as PollFormState,
   );
 
   return (
@@ -123,13 +123,19 @@ export const PollCreationDialog = ({ close }: PollCreationDialogProps) => {
                     id='max_votes_allowed'
                     onChange={(e) => {
                       const isValidValue =
-                        !e.target.value || e.target.value.match(VALID_MAX_VOTES_VALUE_REGEX);
+                        !e.target.value ||
+                        e.target.value.match(VALID_MAX_VOTES_VALUE_REGEX);
                       if (!isValidValue) {
-                        setMultipleAnswerCountError(t<string>('Type a number from 2 to 10'));
+                        setMultipleAnswerCountError(
+                          t<string>('Type a number from 2 to 10'),
+                        );
                       } else if (multipleAnswerCountError) {
                         setMultipleAnswerCountError(undefined);
                       }
-                      setState((prev) => ({ ...prev, max_votes_allowed: e.target.value }));
+                      setState((prev) => ({
+                        ...prev,
+                        max_votes_allowed: e.target.value,
+                      }));
                     }}
                     placeholder={t<string>('Maximum number of votes (from 2 to 10)')}
                     type='number'
@@ -146,7 +152,9 @@ export const PollCreationDialog = ({ close }: PollCreationDialogProps) => {
             onChange={(e) =>
               setState((prev) => ({
                 ...prev,
-                voting_visibility: (e.target.checked ? 'anonymous' : 'public') as VotingVisibility,
+                voting_visibility: (e.target.checked
+                  ? 'anonymous'
+                  : 'public') as VotingVisibility,
               }))
             }
           />
@@ -155,14 +163,19 @@ export const PollCreationDialog = ({ close }: PollCreationDialogProps) => {
             id='allow_user_suggested_options'
             labelText={t<string>('Allow option suggestion')}
             onChange={(e) =>
-              setState((prev) => ({ ...prev, allow_user_suggested_options: e.target.checked }))
+              setState((prev) => ({
+                ...prev,
+                allow_user_suggested_options: e.target.checked,
+              }))
             }
           />
           <SimpleSwitchField
             checked={state.allow_answers}
             id='allow_answers'
             labelText={t<string>('Allow comments')}
-            onChange={(e) => setState((prev) => ({ ...prev, allow_answers: e.target.checked }))}
+            onChange={(e) =>
+              setState((prev) => ({ ...prev, allow_answers: e.target.checked }))
+            }
           />
         </form>
       </div>
diff --git a/src/components/Poll/PollCreationDialog/PollCreationDialogControls.tsx b/src/components/Poll/PollCreationDialog/PollCreationDialogControls.tsx
index a7d53d46a4..cbec914dd0 100644
--- a/src/components/Poll/PollCreationDialog/PollCreationDialogControls.tsx
+++ b/src/components/Poll/PollCreationDialog/PollCreationDialogControls.tsx
@@ -1,6 +1,10 @@
 import React from 'react';
 import { VALID_MAX_VOTES_VALUE_REGEX } from '../constants';
-import { useChatContext, useMessageInputContext, useTranslationContext } from '../../../context';
+import {
+  useChatContext,
+  useMessageInputContext,
+  useTranslationContext,
+} from '../../../context';
 import type { PollFormState } from './types';
 
 export type PollCreationDialogControlsProps = {
@@ -29,7 +33,8 @@ export const PollCreationDialogControls = ({
 
     const validMaxVotesAllowed =
       state.max_votes_allowed === '' ||
-      (!!maxVotesAllowedNumber && (2 <= maxVotesAllowedNumber || maxVotesAllowedNumber <= 10));
+      (!!maxVotesAllowedNumber &&
+        (2 <= maxVotesAllowedNumber || maxVotesAllowedNumber <= 10));
 
     const noErrors = errors.length === 0;
 
@@ -55,7 +60,9 @@ export const PollCreationDialogControls = ({
               max_votes_allowed: state.max_votes_allowed
                 ? parseInt(state.max_votes_allowed)
                 : undefined,
-              options: state.options?.filter((o) => o.text).map((o) => ({ text: o.text })),
+              options: state.options
+                ?.filter((o) => o.text)
+                .map((o) => ({ text: o.text })),
             });
             pollId = poll.id;
           } catch (e) {
diff --git a/src/components/Poll/PollHeader.tsx b/src/components/Poll/PollHeader.tsx
index 673da17679..902a93a48a 100644
--- a/src/components/Poll/PollHeader.tsx
+++ b/src/components/Poll/PollHeader.tsx
@@ -5,7 +5,7 @@ import type { PollOption, PollState } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types';
 
 type PollStateSelectorReturnValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   enforce_unique_vote: boolean;
   is_closed: boolean | undefined;
@@ -14,7 +14,7 @@ type PollStateSelectorReturnValue<
   options: PollOption<StreamChatGenerics>[];
 };
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorReturnValue<StreamChatGenerics> => ({
@@ -26,15 +26,13 @@ const pollStateSelector = <
 });
 
 export const PollHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >() => {
   const { t } = useTranslationContext('PollHeader');
 
   const { poll } = usePollContext<StreamChatGenerics>();
-  const { enforce_unique_vote, is_closed, max_votes_allowed, name, options } = useStateStore(
-    poll.state,
-    pollStateSelector,
-  );
+  const { enforce_unique_vote, is_closed, max_votes_allowed, name, options } =
+    useStateStore(poll.state, pollStateSelector);
 
   const selectionInstructions = useMemo(() => {
     if (is_closed) return t<string>('Vote ended');
diff --git a/src/components/Poll/PollOptionList.tsx b/src/components/Poll/PollOptionList.tsx
index 16c816420b..3de14f5490 100644
--- a/src/components/Poll/PollOptionList.tsx
+++ b/src/components/Poll/PollOptionList.tsx
@@ -7,11 +7,11 @@ import type { PollOption, PollState } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types';
 
 type PollStateSelectorReturnValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = { options: PollOption<StreamChatGenerics>[] };
 
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorReturnValue<StreamChatGenerics> => ({ options: nextValue.options });
@@ -21,13 +21,12 @@ export type PollOptionListProps = {
 };
 
 export const PollOptionList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   optionsDisplayCount,
 }: PollOptionListProps) => {
-  const {
-    PollOptionSelector = DefaultPollOptionSelector,
-  } = useComponentContext<StreamChatGenerics>();
+  const { PollOptionSelector = DefaultPollOptionSelector } =
+    useComponentContext<StreamChatGenerics>();
   const { poll } = usePollContext<StreamChatGenerics>();
   const { options } = useStateStore(poll.state, pollStateSelector);
 
diff --git a/src/components/Poll/PollOptionSelector.tsx b/src/components/Poll/PollOptionSelector.tsx
index 4b253ab9bb..7576c8a218 100644
--- a/src/components/Poll/PollOptionSelector.tsx
+++ b/src/components/Poll/PollOptionSelector.tsx
@@ -34,11 +34,13 @@ export const AmountBar = ({ amount, className }: AmountBarProps) => (
 export type CheckmarkProps = { checked?: boolean };
 
 export const Checkmark = ({ checked }: CheckmarkProps) => (
-  <div className={clsx('str-chat__checkmark', { 'str-chat__checkmark--checked': checked })} />
+  <div
+    className={clsx('str-chat__checkmark', { 'str-chat__checkmark--checked': checked })}
+  />
 );
 
 type PollStateSelectorReturnValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   is_closed: boolean | undefined;
   latest_votes_by_option: Record<string, PollVote<StreamChatGenerics>[]>;
@@ -48,7 +50,7 @@ type PollStateSelectorReturnValue<
   voting_visibility: VotingVisibility | undefined;
 };
 const pollStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorReturnValue<StreamChatGenerics> => ({
@@ -61,7 +63,7 @@ const pollStateSelector = <
 });
 
 export type PollOptionSelectorProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   option: PollOption<StreamChatGenerics>;
   displayAvatarCount?: number;
@@ -69,16 +71,15 @@ export type PollOptionSelectorProps<
 };
 
 export const PollOptionSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   displayAvatarCount,
   option,
   voteCountVerbose,
 }: PollOptionSelectorProps<StreamChatGenerics>) => {
   const { t } = useTranslationContext();
-  const { channelCapabilities = {} } = useChannelStateContext<StreamChatGenerics>(
-    'PollOptionsShortlist',
-  );
+  const { channelCapabilities = {} } =
+    useChannelStateContext<StreamChatGenerics>('PollOptionsShortlist');
   const { message } = useMessageContext();
 
   const { poll } = usePollContext<StreamChatGenerics>();
@@ -91,7 +92,9 @@ export const PollOptionSelector = <
     voting_visibility,
   } = useStateStore(poll.state, pollStateSelector);
   const canCastVote = channelCapabilities['cast-poll-vote'] && !is_closed;
-  const winningOptionCount = maxVotedOptionIds[0] ? vote_counts_by_option[maxVotedOptionIds[0]] : 0;
+  const winningOptionCount = maxVotedOptionIds[0]
+    ? vote_counts_by_option[maxVotedOptionIds[0]]
+    : 0;
 
   const toggleVote = useMemo(
     () =>
@@ -133,17 +136,22 @@ export const PollOptionSelector = <
         )}
         <div className='str-chat__poll-option-vote-count'>
           {voteCountVerbose
-            ? t<string>('{{count}} votes', { count: vote_counts_by_option[option.id] ?? 0 })
-            : vote_counts_by_option[option.id] ?? 0}
+            ? t<string>('{{count}} votes', {
+                count: vote_counts_by_option[option.id] ?? 0,
+              })
+            : (vote_counts_by_option[option.id] ?? 0)}
         </div>
       </div>
       <AmountBar
         amount={
-          (winningOptionCount && (vote_counts_by_option[option.id] ?? 0) / winningOptionCount) * 100
+          (winningOptionCount &&
+            (vote_counts_by_option[option.id] ?? 0) / winningOptionCount) * 100
         }
         className={clsx('str-chat__poll-option__votes-bar', {
           'str-chat__poll-option__votes-bar--winner':
-            is_closed && maxVotedOptionIds.length === 1 && maxVotedOptionIds[0] === option.id,
+            is_closed &&
+            maxVotedOptionIds.length === 1 &&
+            maxVotedOptionIds[0] === option.id,
         })}
       />
     </div>
diff --git a/src/components/Poll/PollVote.tsx b/src/components/Poll/PollVote.tsx
index 439dbaa285..78d7d3d514 100644
--- a/src/components/Poll/PollVote.tsx
+++ b/src/components/Poll/PollVote.tsx
@@ -9,7 +9,8 @@ import type { DefaultStreamChatGenerics } from '../../types';
 
 const PollVoteTimestamp = ({ timestamp }: { timestamp: string }) => {
   const { t } = useTranslationContext();
-  const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers<HTMLSpanElement>();
+  const { handleEnter, handleLeave, tooltipVisible } =
+    useEnterLeaveHandlers<HTMLSpanElement>();
   const [referenceElement, setReferenceElement] = useState<HTMLSpanElement | null>(null);
   const timestampDate = new Date(timestamp);
   return (
@@ -33,19 +34,20 @@ const PollVoteTimestamp = ({ timestamp }: { timestamp: string }) => {
 };
 
 type PollVoteProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   vote: PollVoteType<StreamChatGenerics>;
 };
 
 const PollVoteAuthor = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   vote,
 }: PollVoteProps<StreamChatGenerics>) => {
   const { t } = useTranslationContext();
   const { client } = useChatContext();
-  const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers<HTMLSpanElement>();
+  const { handleEnter, handleLeave, tooltipVisible } =
+    useEnterLeaveHandlers<HTMLSpanElement>();
   const [referenceElement, setReferenceElement] = useState<HTMLSpanElement | null>(null);
   const displayName =
     client.user?.id && client.user.id === vote.user?.id
@@ -81,7 +83,7 @@ const PollVoteAuthor = <
 };
 
 export const PollVote = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   vote,
 }: PollVoteProps<StreamChatGenerics>) => (
@@ -92,13 +94,13 @@ export const PollVote = <
 );
 
 export type PollVoteListingProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   votes: PollVoteType<StreamChatGenerics>[];
 };
 
 export const PollVoteListing = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   votes,
 }: PollVoteListingProps<StreamChatGenerics>) => (
diff --git a/src/components/Poll/QuotedPoll.tsx b/src/components/Poll/QuotedPoll.tsx
index e995c6fa01..c2a4e51112 100644
--- a/src/components/Poll/QuotedPoll.tsx
+++ b/src/components/Poll/QuotedPoll.tsx
@@ -5,9 +5,12 @@ import { useStateStore } from '../../store';
 import type { PollState } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types';
 
-type PollStateSelectorQuotedPollReturnValue = { is_closed: boolean | undefined; name: string };
+type PollStateSelectorQuotedPollReturnValue = {
+  is_closed: boolean | undefined;
+  name: string;
+};
 const pollStateSelectorQuotedPoll = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   nextValue: PollState<StreamChatGenerics>,
 ): PollStateSelectorQuotedPollReturnValue => ({
@@ -16,7 +19,7 @@ const pollStateSelectorQuotedPoll = <
 });
 
 export const QuotedPoll = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >() => {
   const { poll } = usePollContext<StreamChatGenerics>();
   const { is_closed, name } = useStateStore(poll.state, pollStateSelectorQuotedPoll);
diff --git a/src/components/Poll/__tests__/Poll.test.js b/src/components/Poll/__tests__/Poll.test.js
index be2d369813..0bedfb955c 100644
--- a/src/components/Poll/__tests__/Poll.test.js
+++ b/src/components/Poll/__tests__/Poll.test.js
@@ -10,7 +10,11 @@ import {
   MessageProvider,
   TranslationProvider,
 } from '../../../context';
-import { generateMessage, generatePoll, getTestClientWithUser } from '../../../mock-builders';
+import {
+  generateMessage,
+  generatePoll,
+  getTestClientWithUser,
+} from '../../../mock-builders';
 
 const POLL_ACTIONS__CLASS = '.str-chat__poll-actions';
 const POLL_OPTION_LIST__CLASS = '.str-chat__poll-option-list';
@@ -39,7 +43,9 @@ const renderComponent = async ({
     <ChatProvider value={{ client }}>
       <TranslationProvider value={{ t }}>
         <ComponentProvider value={componentContext ?? {}}>
-          <ChannelStateProvider value={{ ...defaultChannelStateContext, ...channelStateContext }}>
+          <ChannelStateProvider
+            value={{ ...defaultChannelStateContext, ...channelStateContext }}
+          >
             <MessageProvider value={{ ...defaultMessageContext, ...messageContext }}>
               <Poll {...props} />
             </MessageProvider>
diff --git a/src/components/Poll/__tests__/PollActions.test.js b/src/components/Poll/__tests__/PollActions.test.js
index a33b13c985..b9d713f615 100644
--- a/src/components/Poll/__tests__/PollActions.test.js
+++ b/src/components/Poll/__tests__/PollActions.test.js
@@ -46,7 +46,9 @@ const renderComponent = async ({
   return render(
     <ChatProvider value={{ client }}>
       <TranslationProvider value={{ t }}>
-        <ChannelStateProvider value={{ ...defaultChannelStateContext, ...channelStateContext }}>
+        <ChannelStateProvider
+          value={{ ...defaultChannelStateContext, ...channelStateContext }}
+        >
           <MessageProvider value={{ ...defaultMessageContext, ...messageContext }}>
             <PollProvider poll={poll}>
               <PollActions {...props} />
@@ -86,21 +88,30 @@ describe('PollActions', () => {
   });
 
   it('shows "Suggest an option" action if poll is not closed and suggestions are allowed', async () => {
-    const pollData = generatePoll({ allow_user_suggested_options: true, is_closed: false });
+    const pollData = generatePoll({
+      allow_user_suggested_options: true,
+      is_closed: false,
+    });
     const poll = new Poll({ client: {}, poll: pollData });
     await renderComponent({ poll });
     expect(screen.getByText(SUGGEST_OPTION_ACTION_TEXT)).toBeInTheDocument();
   });
 
   it('hides "Suggest an option" action if poll is closed', async () => {
-    const pollData = generatePoll({ allow_user_suggested_options: true, is_closed: true });
+    const pollData = generatePoll({
+      allow_user_suggested_options: true,
+      is_closed: true,
+    });
     const poll = new Poll({ client: {}, poll: pollData });
     await renderComponent({ poll });
     expect(screen.queryByText(SUGGEST_OPTION_ACTION_TEXT)).not.toBeInTheDocument();
   });
 
   it('hides "Suggest an option" action if suggestions are not allowed', async () => {
-    const pollData = generatePoll({ allow_user_suggested_options: false, is_closed: false });
+    const pollData = generatePoll({
+      allow_user_suggested_options: false,
+      is_closed: false,
+    });
     const poll = new Poll({ client: {}, poll: pollData });
     await renderComponent({ poll });
     expect(screen.queryByText(SUGGEST_OPTION_ACTION_TEXT)).not.toBeInTheDocument();
@@ -202,7 +213,9 @@ describe('PollActions', () => {
     const poll = new Poll({ client, poll: pollData });
 
     const PollOptionsFullList = () => <div data-testid='poll-options-full-list-custom' />;
-    const SuggestPollOptionForm = () => <div data-testid='suggest-poll-option-form-custom' />;
+    const SuggestPollOptionForm = () => (
+      <div data-testid='suggest-poll-option-form-custom' />
+    );
     const AddCommentForm = () => <div data-testid='add-comment-form-custom' />;
     const PollAnswerList = () => <div data-testid='poll-answer-list-custom' />;
     const PollResults = () => <div data-testid='poll-results-custom' />;
diff --git a/src/components/Poll/__tests__/PollCreationDialog.test.js b/src/components/Poll/__tests__/PollCreationDialog.test.js
index ac1c03dcdd..d195a2ac92 100644
--- a/src/components/Poll/__tests__/PollCreationDialog.test.js
+++ b/src/components/Poll/__tests__/PollCreationDialog.test.js
@@ -2,7 +2,11 @@ import React from 'react';
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { PollCreationDialog } from '../PollCreationDialog';
-import { ChatProvider, MessageInputContextProvider, TranslationProvider } from '../../../context';
+import {
+  ChatProvider,
+  MessageInputContextProvider,
+  TranslationProvider,
+} from '../../../context';
 import { generateUser, getTestClientWithUser } from '../../../mock-builders';
 
 const NAME_FIELD_PLACEHOLDER = 'Ask a question';
@@ -16,7 +20,8 @@ const CANCEL_BUTTON_TEXT = 'Cancel';
 const CREATE_BUTTON_TEXT = 'Create';
 const NAME_INPUT_FIELD_ERROR_TEST_ID = 'poll-name-input-field-error';
 const OPTION_INPUT_FIELD_ERROR_TEST_ID = 'poll-option-input-field-error';
-const MAX_VOTE_COUT_INPUT_FIELD_ERROR_TEST_ID = 'poll-max-votes-allowed-input-field-error';
+const MAX_VOTE_COUT_INPUT_FIELD_ERROR_TEST_ID =
+  'poll-max-votes-allowed-input-field-error';
 const REQUIRED_FIELD_ERROR_TEXT = 'The field is required';
 const DUPLICATE_OPTION_FIELD_ERROR_TEXT = 'Option already exists';
 const MAX_VOTE_COUNT_FIELD_ERROR_TEXT = 'Type a number from 2 to 10';
@@ -52,11 +57,15 @@ describe('PollCreationDialog', () => {
   it('initiates with default state', async () => {
     await renderComponent();
     expect(getNameInput()).toHaveValue('');
-    const optionFieldCount = screen.getAllByPlaceholderText(OPTION_FIELD_PLACEHOLDER).length;
+    const optionFieldCount = screen.getAllByPlaceholderText(
+      OPTION_FIELD_PLACEHOLDER,
+    ).length;
     expect(optionFieldCount).toBe(1);
     expect(getOptionInput()).toHaveValue('');
     expect(screen.getByLabelText(MULTIPLE_ANSWERS_FIELD_LABEL)).not.toBeChecked();
-    expect(screen.queryByPlaceholderText(MAX_VOTES_FIELD_PLACEHOLDER)).not.toBeInTheDocument();
+    expect(
+      screen.queryByPlaceholderText(MAX_VOTES_FIELD_PLACEHOLDER),
+    ).not.toBeInTheDocument();
     expect(screen.getByLabelText(VOTING_VISIBILITY_FIELD_LABEL)).not.toBeChecked();
     expect(screen.getByLabelText(OPTION_SUGGESTION_FIELD_LABEL)).not.toBeChecked();
     expect(screen.getByLabelText(ALLOW_COMMENTS_FIELD_LABEL)).not.toBeChecked();
@@ -166,7 +175,7 @@ describe('PollCreationDialog', () => {
       await fireEvent.blur(optionFields[1]);
     });
     const optionErrors = screen.getAllByTestId(OPTION_INPUT_FIELD_ERROR_TEST_ID);
-    // eslint-disable-next-line jest-dom/prefer-in-document
+
     expect(optionErrors).toHaveLength(3);
     expect(optionErrors[1]).toHaveTextContent(DUPLICATE_OPTION_FIELD_ERROR_TEXT);
     expect(screen.getByText(CANCEL_BUTTON_TEXT)).toBeEnabled();
@@ -196,7 +205,7 @@ describe('PollCreationDialog', () => {
     expect(optionFields[1]).toHaveValue(text);
     expect(optionFields[2]).toHaveValue('');
     const optionErrors = screen.getAllByTestId(OPTION_INPUT_FIELD_ERROR_TEST_ID);
-    // eslint-disable-next-line jest-dom/prefer-in-document
+
     expect(optionErrors).toHaveLength(3);
     expect(optionErrors[0]).not.toHaveTextContent();
     expect(optionErrors[1]).not.toHaveTextContent();
@@ -221,7 +230,7 @@ describe('PollCreationDialog', () => {
       await fireEvent.change(optionFields[0], { target: { value: '' } });
     });
     optionFields = screen.getAllByPlaceholderText(OPTION_FIELD_PLACEHOLDER);
-    // eslint-disable-next-line jest-dom/prefer-in-document
+
     expect(optionFields).toHaveLength(1);
     expect(screen.getByText(CANCEL_BUTTON_TEXT)).toBeEnabled();
     expect(screen.getByText(CREATE_BUTTON_TEXT)).toBeDisabled();
@@ -283,8 +292,10 @@ describe('PollCreationDialog', () => {
       fireEvent.change(maxVoteCountInput, { target: { value: '1' } });
     });
 
-    const maxVoteCountErrors = screen.getAllByTestId(MAX_VOTE_COUT_INPUT_FIELD_ERROR_TEST_ID);
-    // eslint-disable-next-line jest-dom/prefer-in-document
+    const maxVoteCountErrors = screen.getAllByTestId(
+      MAX_VOTE_COUT_INPUT_FIELD_ERROR_TEST_ID,
+    );
+
     expect(maxVoteCountErrors).toHaveLength(1);
     expect(maxVoteCountErrors[0]).toHaveTextContent(MAX_VOTE_COUNT_FIELD_ERROR_TEXT);
     expect(screen.getByPlaceholderText(MAX_VOTES_FIELD_PLACEHOLDER).value).toBe('1');
@@ -341,17 +352,21 @@ describe('PollCreationDialog', () => {
 
     const client = await getTestClientWithUser(user);
     let pollId;
-    const createPollSpy = jest.spyOn(client, 'createPoll').mockImplementationOnce((poll) => {
-      pollId = poll.id;
-      return Promise.resolve({ poll });
-    });
+    const createPollSpy = jest
+      .spyOn(client, 'createPoll')
+      .mockImplementationOnce((poll) => {
+        pollId = poll.id;
+        return Promise.resolve({ poll });
+      });
 
     await renderComponent({ client });
     act(() => {
       fireEvent.change(getNameInput(), { target: { value: formState.name } });
     });
     act(() => {
-      fireEvent.change(getOptionInput(), { target: { value: formState.options[0].text } });
+      fireEvent.change(getOptionInput(), {
+        target: { value: formState.options[0].text },
+      });
     });
     const optionFields = screen.getAllByPlaceholderText(OPTION_FIELD_PLACEHOLDER);
     act(() => {
@@ -382,7 +397,9 @@ describe('PollCreationDialog', () => {
     });
 
     await waitFor(() => {
-      expect(createPollSpy).toHaveBeenCalledWith(expect.objectContaining(expectedPollPayload));
+      expect(createPollSpy).toHaveBeenCalledWith(
+        expect.objectContaining(expectedPollPayload),
+      );
       expect(close).toHaveBeenCalledTimes(1);
       expect(handleSubmit).toHaveBeenCalledWith(expect.any(Object), { poll_id: pollId });
     });
diff --git a/src/components/Poll/__tests__/PollHeader.test.js b/src/components/Poll/__tests__/PollHeader.test.js
index 1376cfc050..b6c5157b0d 100644
--- a/src/components/Poll/__tests__/PollHeader.test.js
+++ b/src/components/Poll/__tests__/PollHeader.test.js
@@ -23,13 +23,17 @@ const renderComponent = ({ poll }) =>
 describe('PollHeader', () => {
   it('should not render if poll name is missing', () => {
     const pollData = generatePoll({ name: '' });
-    const { container } = renderComponent({ poll: new Poll({ client: {}, poll: pollData }) });
+    const { container } = renderComponent({
+      poll: new Poll({ client: {}, poll: pollData }),
+    });
     expect(container).toBeEmptyDOMElement();
   });
 
   it('should render vote ended header', () => {
     const pollData = generatePoll({ is_closed: true });
-    const { container } = renderComponent({ poll: new Poll({ client: {}, poll: pollData }) });
+    const { container } = renderComponent({
+      poll: new Poll({ client: {}, poll: pollData }),
+    });
     const nameDiv = container.querySelector(TITLE_SELECTOR);
     const subtitleDiv = container.querySelector(SUBTITLE_SELECTOR);
     expect(nameDiv).toHaveTextContent(pollData.name);
@@ -38,7 +42,9 @@ describe('PollHeader', () => {
 
   it('should render select one header', () => {
     const pollData = generatePoll({ enforce_unique_vote: true });
-    const { container } = renderComponent({ poll: new Poll({ client: {}, poll: pollData }) });
+    const { container } = renderComponent({
+      poll: new Poll({ client: {}, poll: pollData }),
+    });
     const nameDiv = container.querySelector(TITLE_SELECTOR);
     const subtitleDiv = container.querySelector(SUBTITLE_SELECTOR);
     expect(nameDiv).toHaveTextContent(pollData.name);
@@ -47,7 +53,9 @@ describe('PollHeader', () => {
 
   it('should render Select up to {{count}} header', () => {
     const pollData = generatePoll({ max_votes_allowed: 2 });
-    const { container } = renderComponent({ poll: new Poll({ client: {}, poll: pollData }) });
+    const { container } = renderComponent({
+      poll: new Poll({ client: {}, poll: pollData }),
+    });
     const nameDiv = container.querySelector(TITLE_SELECTOR);
     const subtitleDiv = container.querySelector(SUBTITLE_SELECTOR);
     expect(nameDiv).toHaveTextContent(pollData.name);
@@ -56,7 +64,9 @@ describe('PollHeader', () => {
 
   it('should render Select one or more header', () => {
     const pollData = generatePoll({ max_votes_allowed: undefined });
-    const { container } = renderComponent({ poll: new Poll({ client: {}, poll: pollData }) });
+    const { container } = renderComponent({
+      poll: new Poll({ client: {}, poll: pollData }),
+    });
     const nameDiv = container.querySelector(TITLE_SELECTOR);
     const subtitleDiv = container.querySelector(SUBTITLE_SELECTOR);
     expect(nameDiv).toHaveTextContent(pollData.name);
diff --git a/src/components/Poll/__tests__/PollOptionList.test.js b/src/components/Poll/__tests__/PollOptionList.test.js
index a4381d217f..78d4567b76 100644
--- a/src/components/Poll/__tests__/PollOptionList.test.js
+++ b/src/components/Poll/__tests__/PollOptionList.test.js
@@ -46,7 +46,9 @@ const defaultMessageContext = {
 const renderComponent = ({ channelStateContext, messageContext, poll }) =>
   render(
     <TranslationProvider value={{ t }}>
-      <ChannelStateProvider value={{ ...defaultChannelStateContext, ...channelStateContext }}>
+      <ChannelStateProvider
+        value={{ ...defaultChannelStateContext, ...channelStateContext }}
+      >
         <MessageProvider value={{ ...defaultMessageContext, ...messageContext }}>
           <PollProvider poll={poll}>
             <PollOptionList />
@@ -63,13 +65,17 @@ describe('PollOptionList', () => {
 
   it('renders empty container if no options', () => {
     const pollData = generatePoll({ options: [] });
-    const { container } = renderComponent({ poll: new Poll({ client: {}, poll: pollData }) });
+    const { container } = renderComponent({
+      poll: new Poll({ client: {}, poll: pollData }),
+    });
     expect(container.firstChild).toBeEmptyDOMElement();
   });
 
   it('renders votable poll option selectors', () => {
     const pollData = generatePoll();
-    const { container } = renderComponent({ poll: new Poll({ client: {}, poll: pollData }) });
+    const { container } = renderComponent({
+      poll: new Poll({ client: {}, poll: pollData }),
+    });
     const votableOptions = container.querySelectorAll(VOTABLE_OPTION_SELECTOR);
     expect(votableOptions).toHaveLength(pollData.options.length);
     votableOptions.forEach((o) => {
@@ -126,7 +132,9 @@ describe('PollOptionList', () => {
 
   it('renders voter avatars with each option', () => {
     const pollData = generatePoll();
-    const { container } = renderComponent({ poll: new Poll({ client: {}, poll: pollData }) });
+    const { container } = renderComponent({
+      poll: new Poll({ client: {}, poll: pollData }),
+    });
     const votableOptions = container.querySelectorAll(VOTABLE_OPTION_SELECTOR);
     expect(votableOptions).toHaveLength(pollData.options.length);
     votableOptions.forEach((o, i) => {
@@ -139,7 +147,9 @@ describe('PollOptionList', () => {
 
   it('does not renders voter avatars with options for anonymous poll', () => {
     const pollData = generatePoll({ voting_visibility: 'anonymous' });
-    const { container } = renderComponent({ poll: new Poll({ client: {}, poll: pollData }) });
+    const { container } = renderComponent({
+      poll: new Poll({ client: {}, poll: pollData }),
+    });
     const votableOptions = container.querySelectorAll(VOTABLE_OPTION_SELECTOR);
     expect(votableOptions).toHaveLength(pollData.options.length);
     votableOptions.forEach((o) => {
@@ -233,10 +243,14 @@ describe('PollOptionList', () => {
     await waitFor(() => {
       votableOptions.forEach((votableOption, i) => {
         if (i === 0) {
-          expect(votableOption.querySelector(CHECKMARK_CHECKED_SELECTOR)).toBeInTheDocument();
+          expect(
+            votableOption.querySelector(CHECKMARK_CHECKED_SELECTOR),
+          ).toBeInTheDocument();
           expect(votableOption.querySelector(VOTE_COUNT_SELECTOR)).toHaveTextContent('1');
         } else {
-          expect(votableOption.querySelector(CHECKMARK_CHECKED_SELECTOR)).not.toBeInTheDocument();
+          expect(
+            votableOption.querySelector(CHECKMARK_CHECKED_SELECTOR),
+          ).not.toBeInTheDocument();
           expect(votableOption.querySelector(VOTE_COUNT_SELECTOR)).toHaveTextContent('0');
         }
       });
diff --git a/src/components/Poll/__tests__/SuggestPollOptionForm.test.js b/src/components/Poll/__tests__/SuggestPollOptionForm.test.js
index 51af83fe34..08d7a85ed6 100644
--- a/src/components/Poll/__tests__/SuggestPollOptionForm.test.js
+++ b/src/components/Poll/__tests__/SuggestPollOptionForm.test.js
@@ -60,7 +60,9 @@ describe('SuggestPollOptionForm', () => {
     });
 
     await waitFor(() => {
-      expect(createPollOptionSpy).toHaveBeenCalledWith(poll.id, { text: newlyTypedValue });
+      expect(createPollOptionSpy).toHaveBeenCalledWith(poll.id, {
+        text: newlyTypedValue,
+      });
       expect(castVoteSpy).toHaveBeenCalledWith(createdPollOptionId, messageId);
     });
   });
diff --git a/src/components/Poll/hooks/useManagePollVotesRealtime.ts b/src/components/Poll/hooks/useManagePollVotesRealtime.ts
index 8682a11745..a12e56f462 100644
--- a/src/components/Poll/hooks/useManagePollVotesRealtime.ts
+++ b/src/components/Poll/hooks/useManagePollVotesRealtime.ts
@@ -9,7 +9,7 @@ export function useManagePollVotesRealtime<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
   T extends
     | PollVote<StreamChatGenerics>
-    | PollAnswer<StreamChatGenerics> = PollVote<StreamChatGenerics>
+    | PollAnswer<StreamChatGenerics> = PollVote<StreamChatGenerics>,
 >(
   managedVoteType: 'answer' | 'vote',
   cursorPaginatorState?: CursorPaginatorStateStore<T>,
@@ -24,7 +24,8 @@ export function useManagePollVotesRealtime<
     () =>
       cursorPaginatorState?.subscribeWithSelector(
         (state) => [state.latestPageItems],
-        ([latestPageItems]) => setVotesInRealtime((prev) => [...prev, ...latestPageItems]),
+        ([latestPageItems]) =>
+          setVotesInRealtime((prev) => [...prev, ...latestPageItems]),
       ),
     [cursorPaginatorState],
   );
@@ -35,22 +36,29 @@ export function useManagePollVotesRealtime<
       const isAnswer = isVoteAnswer(event.poll_vote);
       if (
         (managedVoteType === 'answer' && !isAnswer) ||
-        (managedVoteType === 'vote' && (isAnswer || event.poll_vote.option_id !== optionId))
+        (managedVoteType === 'vote' &&
+          (isAnswer || event.poll_vote.option_id !== optionId))
       )
         return;
 
       if (event.type === 'poll.vote_removed') {
         setVotesInRealtime((prev) =>
-          event.poll_vote ? prev.filter((vote) => vote.id !== (event.poll_vote as T).id) : prev,
+          event.poll_vote
+            ? prev.filter((vote) => vote.id !== (event.poll_vote as T).id)
+            : prev,
         );
       }
       if (event.type === 'poll.vote_changed') {
         setVotesInRealtime((prev) =>
-          event.poll_vote ? prev.filter((vote) => vote.id !== (event.poll_vote as T).id) : prev,
+          event.poll_vote
+            ? prev.filter((vote) => vote.id !== (event.poll_vote as T).id)
+            : prev,
         );
       }
       if (['poll.vote_casted', 'poll.vote_changed'].includes(event.type)) {
-        setVotesInRealtime((prev) => (event.poll_vote ? [event.poll_vote as T, ...prev] : prev));
+        setVotesInRealtime((prev) =>
+          event.poll_vote ? [event.poll_vote as T, ...prev] : prev,
+        );
       }
     };
 
diff --git a/src/components/Poll/hooks/usePollAnswerPagination.ts b/src/components/Poll/hooks/usePollAnswerPagination.ts
index 5c7a8b8767..69c125e5ae 100644
--- a/src/components/Poll/hooks/usePollAnswerPagination.ts
+++ b/src/components/Poll/hooks/usePollAnswerPagination.ts
@@ -12,17 +12,21 @@ import type { PollAnswer, PollAnswersQueryParams, PollVote } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types';
 
 const paginationStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   state: CursorPaginatorState<PollVote<StreamChatGenerics>>,
-): [Error | undefined, boolean, boolean] => [state.error, state.hasNextPage, state.loading];
+): [Error | undefined, boolean, boolean] => [
+  state.error,
+  state.hasNextPage,
+  state.loading,
+];
 
 type UsePollAnswerPaginationParams = {
   paginationParams?: PollAnswersQueryParams;
 };
 
 export const usePollAnswerPagination = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({ paginationParams }: UsePollAnswerPaginationParams = {}) => {
   const { poll } = usePollContext<StreamChatGenerics>();
 
@@ -30,7 +34,9 @@ export const usePollAnswerPagination = <
     async (next) => {
       const { next: newNext, votes } = await poll.queryAnswers({
         filter: paginationParams?.filter,
-        options: !next ? paginationParams?.options : { ...paginationParams?.options, next },
+        options: !next
+          ? paginationParams?.options
+          : { ...paginationParams?.options, next },
         sort: { created_at: -1, ...paginationParams?.sort },
       });
       return { items: votes, next: newNext };
@@ -39,10 +45,10 @@ export const usePollAnswerPagination = <
   );
 
   const { cursorPaginatorState, loadMore } = useCursorPaginator(paginationFn, true);
-  const answers = useManagePollVotesRealtime<StreamChatGenerics, PollAnswer<StreamChatGenerics>>(
-    'answer',
-    cursorPaginatorState,
-  );
+  const answers = useManagePollVotesRealtime<
+    StreamChatGenerics,
+    PollAnswer<StreamChatGenerics>
+  >('answer', cursorPaginatorState);
   const [error, hasNextPage, loading] = useStateStore(
     cursorPaginatorState,
     paginationStateSelector,
diff --git a/src/components/Poll/hooks/usePollOptionVotesPagination.ts b/src/components/Poll/hooks/usePollOptionVotesPagination.ts
index bde1627d0d..d1bb08ca3d 100644
--- a/src/components/Poll/hooks/usePollOptionVotesPagination.ts
+++ b/src/components/Poll/hooks/usePollOptionVotesPagination.ts
@@ -12,17 +12,21 @@ import type { DefaultStreamChatGenerics } from '../../../types';
 import type { PollOptionVotesQueryParams, PollVote } from 'stream-chat';
 
 const paginationStateSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   state: CursorPaginatorState<PollVote<StreamChatGenerics>>,
-): [Error | undefined, boolean, boolean] => [state.error, state.hasNextPage, state.loading];
+): [Error | undefined, boolean, boolean] => [
+  state.error,
+  state.hasNextPage,
+  state.loading,
+];
 
 type UsePollOptionVotesPaginationParams = {
   paginationParams: PollOptionVotesQueryParams;
 };
 
 export const usePollOptionVotesPagination = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   paginationParams,
 }: UsePollOptionVotesPaginationParams) => {
@@ -32,7 +36,9 @@ export const usePollOptionVotesPagination = <
     async (next) => {
       const { next: newNext, votes } = await poll.queryOptionVotes({
         filter: paginationParams.filter,
-        options: !next ? paginationParams?.options : { ...paginationParams?.options, next },
+        options: !next
+          ? paginationParams?.options
+          : { ...paginationParams?.options, next },
         sort: { created_at: -1, ...paginationParams?.sort },
       });
       return { items: votes, next: newNext };
@@ -41,11 +47,10 @@ export const usePollOptionVotesPagination = <
   );
 
   const { cursorPaginatorState, loadMore } = useCursorPaginator(paginationFn, true);
-  const votes = useManagePollVotesRealtime<StreamChatGenerics, PollVote<StreamChatGenerics>>(
-    'vote',
-    cursorPaginatorState,
-    paginationParams.filter.option_id,
-  );
+  const votes = useManagePollVotesRealtime<
+    StreamChatGenerics,
+    PollVote<StreamChatGenerics>
+  >('vote', cursorPaginatorState, paginationParams.filter.option_id);
   const [error, hasNextPage, loading] = useStateStore(
     cursorPaginatorState,
     paginationStateSelector,
diff --git a/src/components/ReactFileUtilities/FileIcon/FileIcon.tsx b/src/components/ReactFileUtilities/FileIcon/FileIcon.tsx
index 731e63d05c..66eccfb9ec 100644
--- a/src/components/ReactFileUtilities/FileIcon/FileIcon.tsx
+++ b/src/components/ReactFileUtilities/FileIcon/FileIcon.tsx
@@ -29,7 +29,14 @@ export function mimeTypeToIcon(type: IconType = 'standard', mimeType?: string) {
 }
 
 export const FileIcon = (props: FileIconProps) => {
-  const { big = false, mimeType, size = 50, sizeSmall = 20, type = 'standard', ...rest } = props;
+  const {
+    big = false,
+    mimeType,
+    size = 50,
+    sizeSmall = 20,
+    type = 'standard',
+    ...rest
+  } = props;
 
   const Icon = mimeTypeToIcon(type, mimeType);
 
diff --git a/src/components/ReactFileUtilities/FileIcon/FileIconSet.tsx b/src/components/ReactFileUtilities/FileIcon/FileIconSet.tsx
index 9e9a3c3ff6..59658336a7 100644
--- a/src/components/ReactFileUtilities/FileIcon/FileIconSet.tsx
+++ b/src/components/ReactFileUtilities/FileIcon/FileIconSet.tsx
@@ -11,7 +11,11 @@ export type IconProps = {
 
 const DEFAULT_SIZE = 40;
 
-export const FilePdfIcon = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FilePdfIcon = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-pdf', className)}
     fill='none'
@@ -43,7 +47,11 @@ export const FilePdfIcon = ({ className = '', size = DEFAULT_SIZE, ...props }: I
   </svg>
 );
 
-export const FileWordIcon = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileWordIcon = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-word', className)}
     fill='none'
@@ -65,7 +73,11 @@ export const FileWordIcon = ({ className = '', size = DEFAULT_SIZE, ...props }:
   </svg>
 );
 
-export const FileWordIconAlt = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileWordIconAlt = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-word-alt', className)}
     fill='none'
@@ -175,7 +187,11 @@ export const FilePowerPointIconAlt = ({
   </svg>
 );
 
-export const FileExcelIcon = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileExcelIcon = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-excel', className)}
     fill='none'
@@ -206,7 +222,11 @@ export const FileExcelIcon = ({ className = '', size = DEFAULT_SIZE, ...props }:
   </svg>
 );
 
-export const FileExcelIconAlt = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileExcelIconAlt = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-excel-alt', className)}
     fill='none'
@@ -243,7 +263,11 @@ export const FileExcelIconAlt = ({ className = '', size = DEFAULT_SIZE, ...props
   </svg>
 );
 
-export const FileArchiveIcon = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileArchiveIcon = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-archive', className)}
     fill='none'
@@ -315,7 +339,11 @@ export const FileArchiveIconAlt = ({
   </svg>
 );
 
-export const FileCodeIcon = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileCodeIcon = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-code', className)}
     fill='none'
@@ -340,7 +368,11 @@ export const FileCodeIcon = ({ className = '', size = DEFAULT_SIZE, ...props }:
   </svg>
 );
 
-export const FileCodeIconAlt = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileCodeIconAlt = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-code-alt', className)}
     fill='none'
@@ -377,7 +409,11 @@ export const FileCodeIconAlt = ({ className = '', size = DEFAULT_SIZE, ...props
   </svg>
 );
 
-export const FileAudioIcon = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileAudioIcon = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-audio', className)}
     fill='none'
@@ -408,7 +444,11 @@ export const FileAudioIcon = ({ className = '', size = DEFAULT_SIZE, ...props }:
   </svg>
 );
 
-export const FileAudioIconAlt = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileAudioIconAlt = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-audio-alt', className)}
     fill='none'
@@ -445,7 +485,11 @@ export const FileAudioIconAlt = ({ className = '', size = DEFAULT_SIZE, ...props
   </svg>
 );
 
-export const FileVideoIcon = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileVideoIcon = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-video', className)}
     fill='none'
@@ -474,7 +518,11 @@ export const FileVideoIcon = ({ className = '', size = DEFAULT_SIZE, ...props }:
   </svg>
 );
 
-export const FileVideoIconAlt = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileVideoIconAlt = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-video-alt', className)}
     fill='none'
@@ -509,7 +557,11 @@ export const FileVideoIconAlt = ({ className = '', size = DEFAULT_SIZE, ...props
   </svg>
 );
 
-export const FileFallbackIcon = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileFallbackIcon = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-fallback ', className)}
     fill='none'
@@ -544,7 +596,11 @@ export const FileFallbackIcon = ({ className = '', size = DEFAULT_SIZE, ...props
 );
 
 // v1 icon without possibility to specify size via props
-export const FileImageIcon = ({ className = '', size = DEFAULT_SIZE, ...props }: IconProps) => (
+export const FileImageIcon = ({
+  className = '',
+  size = DEFAULT_SIZE,
+  ...props
+}: IconProps) => (
   <svg
     className={clsx('rfu-file-image', className)}
     height={size}
diff --git a/src/components/ReactFileUtilities/FileIcon/iconMap.ts b/src/components/ReactFileUtilities/FileIcon/iconMap.ts
index 8348b8a2e6..08f817eb02 100644
--- a/src/components/ReactFileUtilities/FileIcon/iconMap.ts
+++ b/src/components/ReactFileUtilities/FileIcon/iconMap.ts
@@ -94,7 +94,10 @@ function generateGeneralTypeToIconMap<Props>({
 export type IconType = 'standard' | 'alt';
 
 type IconMap = {
-  standard: Record<SupportedMimeType | GeneralType | 'fallback', ComponentType<IconProps>>;
+  standard: Record<
+    SupportedMimeType | GeneralType | 'fallback',
+    ComponentType<IconProps>
+  >;
   alt?: Record<SupportedMimeType | GeneralType | 'fallback', ComponentType<IconProps>>;
 };
 
diff --git a/src/components/ReactFileUtilities/FileIcon/mimeTypes.ts b/src/components/ReactFileUtilities/FileIcon/mimeTypes.ts
index 765636fb3f..2a9623ee5b 100644
--- a/src/components/ReactFileUtilities/FileIcon/mimeTypes.ts
+++ b/src/components/ReactFileUtilities/FileIcon/mimeTypes.ts
@@ -1,11 +1,11 @@
 export type GeneralType = 'audio/' | 'video/' | 'image/' | 'text/';
 
 export type SupportedMimeType =
-  | typeof wordMimeTypes[number]
-  | typeof excelMimeTypes[number]
-  | typeof powerpointMimeTypes[number]
-  | typeof archiveFileTypes[number]
-  | typeof codeFileTypes[number];
+  | (typeof wordMimeTypes)[number]
+  | (typeof excelMimeTypes)[number]
+  | (typeof powerpointMimeTypes)[number]
+  | (typeof archiveFileTypes)[number]
+  | (typeof codeFileTypes)[number];
 
 export const wordMimeTypes = [
   // Microsoft Word
diff --git a/src/components/ReactFileUtilities/ImageDropzone.tsx b/src/components/ReactFileUtilities/ImageDropzone.tsx
index dd3c1696f5..097dd122f0 100644
--- a/src/components/ReactFileUtilities/ImageDropzone.tsx
+++ b/src/components/ReactFileUtilities/ImageDropzone.tsx
@@ -43,9 +43,10 @@ export const ImageDropzone = ({
 
   const accept = useMemo(
     () =>
-      (typeof acceptedFiles === 'string' ? acceptedFiles.split(',') : acceptedFiles).reduce<
-        Record<string, Array<string>>
-      >((mediaTypeMap, mediaType) => {
+      (typeof acceptedFiles === 'string'
+        ? acceptedFiles.split(',')
+        : acceptedFiles
+      ).reduce<Record<string, Array<string>>>((mediaTypeMap, mediaType) => {
         mediaTypeMap[mediaType] ??= [];
         return mediaTypeMap;
       }, {}),
@@ -74,7 +75,12 @@ export const ImageDropzone = ({
     >
       <div className='rfu-dropzone__notifier'>
         <div className='rfu-dropzone__inner'>
-          <svg height='41' viewBox='0 0 41 41' width='41' xmlns='http://www.w3.org/2000/svg'>
+          <svg
+            height='41'
+            viewBox='0 0 41 41'
+            width='41'
+            xmlns='http://www.w3.org/2000/svg'
+          >
             <path
               d='M40.517 28.002V3.997c0-2.197-1.808-3.992-4.005-3.992H12.507a4.004 4.004 0 0 0-3.992 3.993v24.004a4.004 4.004 0 0 0 3.992 3.993h24.005c2.197 0 4.005-1.795 4.005-3.993zm-22.002-7.997l4.062 5.42 5.937-7.423 7.998 10H12.507l6.008-7.997zM.517 8.003V36c0 2.198 1.795 4.005 3.993 4.005h27.997V36H4.51V8.002H.517z'
               fill='#000'
diff --git a/src/components/ReactFileUtilities/UploadButton.tsx b/src/components/ReactFileUtilities/UploadButton.tsx
index 31821699b2..a06e06f901 100644
--- a/src/components/ReactFileUtilities/UploadButton.tsx
+++ b/src/components/ReactFileUtilities/UploadButton.tsx
@@ -37,7 +37,7 @@ export type FileInputProps = UploadButtonProps;
 export const FileInput = UploadButton;
 
 export const UploadFileInput = forwardRef(function UploadFileInput<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   {
     className,
@@ -47,14 +47,10 @@ export const UploadFileInput = forwardRef(function UploadFileInput<
   ref: React.ForwardedRef<HTMLInputElement>,
 ) {
   const { t } = useTranslationContext('UploadFileInput');
-  const { acceptedFiles = [], multipleUploads } = useChannelStateContext<StreamChatGenerics>(
-    'UploadFileInput',
-  );
-  const {
-    isUploadEnabled,
-    maxFilesLeft,
-    uploadNewFiles,
-  } = useMessageInputContext<StreamChatGenerics>('UploadFileInput');
+  const { acceptedFiles = [], multipleUploads } =
+    useChannelStateContext<StreamChatGenerics>('UploadFileInput');
+  const { isUploadEnabled, maxFilesLeft, uploadNewFiles } =
+    useMessageInputContext<StreamChatGenerics>('UploadFileInput');
   const id = useMemo(() => nanoid(), []);
 
   const onFileChange = useCallback(
diff --git a/src/components/ReactFileUtilities/utils.ts b/src/components/ReactFileUtilities/utils.ts
index 13d2b6a80b..7dce63a3bb 100644
--- a/src/components/ReactFileUtilities/utils.ts
+++ b/src/components/ReactFileUtilities/utils.ts
@@ -34,7 +34,9 @@ export function dataTransferItemsHaveFiles(items?: DataTransferItem[]): boolean
   return false;
 }
 
-export async function dataTransferItemsToFiles(items?: DataTransferItem[]): Promise<FileLike[]> {
+export async function dataTransferItemsToFiles(
+  items?: DataTransferItem[],
+): Promise<FileLike[]> {
   if (!items || !items.length) {
     return [];
   }
@@ -94,7 +96,9 @@ async function getImageSource(fileLikes: FileLike[], src: string) {
 }
 
 const extractImageSources = (s: string) => {
-  const imageTags = new DOMParser().parseFromString(s, 'text/html').getElementsByTagName('img');
+  const imageTags = new DOMParser()
+    .parseFromString(s, 'text/html')
+    .getElementsByTagName('img');
   return Array.from(imageTags, (tag) => tag.src).filter((tag) => tag);
 };
 
@@ -119,7 +123,9 @@ export const getExtensionFromMimeType = (mimeType: string) => {
   return match && match[1];
 };
 
-export const getRecordedMediaTypeFromMimeType = (mimeType: string): RecordedMediaType | null => {
+export const getRecordedMediaTypeFromMimeType = (
+  mimeType: string,
+): RecordedMediaType | null => {
   const match = mimeType.match(/^(audio|video)\/.*$/);
   return match && (match[1] as RecordedMediaType);
 };
diff --git a/src/components/Reactions/ReactionSelector.tsx b/src/components/Reactions/ReactionSelector.tsx
index ceeea4c4b0..b923cd3717 100644
--- a/src/components/Reactions/ReactionSelector.tsx
+++ b/src/components/Reactions/ReactionSelector.tsx
@@ -15,14 +15,17 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { ReactionOptions } from './reactionOptions';
 
 export type ReactionSelectorProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** Custom UI component to display user avatar, defaults to and accepts same props as: [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) */
   Avatar?: React.ElementType<AvatarProps>;
   /** If true, shows the user's avatar with the reaction */
   detailedView?: boolean;
   /** Function that adds/removes a reaction on a message (overrides the function stored in `MessageContext`) */
-  handleReaction?: (reactionType: string, event: React.BaseSyntheticEvent) => Promise<void>;
+  handleReaction?: (
+    reactionType: string,
+    event: React.BaseSyntheticEvent,
+  ) => Promise<void>;
   /** An array of the reaction objects to display in the list */
   latest_reactions?: ReactionResponse<StreamChatGenerics>[];
   /** An array of the own reaction objects to distinguish own reactions visually */
@@ -44,7 +47,7 @@ export type ReactionSelectorProps<
 };
 
 const UnMemoizedReactionSelector = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: ReactionSelectorProps<StreamChatGenerics>,
 ) => {
@@ -106,7 +109,9 @@ const UnMemoizedReactionSelector = <
     const tooltip = tooltipRef.current?.getBoundingClientRect();
     const target = targetRef.current?.getBoundingClientRect();
 
-    const container = isMutableRef(rootRef) ? rootRef.current?.getBoundingClientRect() : null;
+    const container = isMutableRef(rootRef)
+      ? rootRef.current?.getBoundingClientRect()
+      : null;
 
     if (!tooltip || !target || !container) return;
 
@@ -179,9 +184,8 @@ const UnMemoizedReactionSelector = <
                 className={clsx(
                   'str-chat__message-reactions-list-item str-chat__message-reactions-option',
                   {
-                    'str-chat__message-reactions-option-selected': iHaveReactedWithReaction(
-                      reactionType,
-                    ),
+                    'str-chat__message-reactions-option-selected':
+                      iHaveReactedWithReaction(reactionType),
                   },
                 )}
                 data-testid='select-reaction-button'
diff --git a/src/components/Reactions/ReactionSelectorWithButton.tsx b/src/components/Reactions/ReactionSelectorWithButton.tsx
index 07ad6b4a6d..b0622a9deb 100644
--- a/src/components/Reactions/ReactionSelectorWithButton.tsx
+++ b/src/components/Reactions/ReactionSelectorWithButton.tsx
@@ -1,7 +1,11 @@
 import React, { ElementRef, useRef } from 'react';
 import { ReactionSelector as DefaultReactionSelector } from './ReactionSelector';
 import { DialogAnchor, useDialog, useDialogIsOpen } from '../Dialog';
-import { useComponentContext, useMessageContext, useTranslationContext } from '../../context';
+import {
+  useComponentContext,
+  useMessageContext,
+  useTranslationContext,
+} from '../../context';
 import type { DefaultStreamChatGenerics } from '../../types';
 import type { IconProps } from '../../types/types';
 
@@ -15,13 +19,15 @@ type ReactionSelectorWithButtonProps = {
  * cluttering the parent component.
  */
 export const ReactionSelectorWithButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   ReactionIcon,
 }: ReactionSelectorWithButtonProps) => {
   const { t } = useTranslationContext('ReactionSelectorWithButton');
-  const { isMyMessage, message } = useMessageContext<StreamChatGenerics>('MessageOptions');
-  const { ReactionSelector = DefaultReactionSelector } = useComponentContext('MessageOptions');
+  const { isMyMessage, message } =
+    useMessageContext<StreamChatGenerics>('MessageOptions');
+  const { ReactionSelector = DefaultReactionSelector } =
+    useComponentContext('MessageOptions');
   const buttonRef = useRef<ElementRef<'button'>>(null);
   const dialogId = `reaction-selector--${message.id}`;
   const dialog = useDialog({ id: dialogId });
diff --git a/src/components/Reactions/ReactionsList.tsx b/src/components/Reactions/ReactionsList.tsx
index c03025e445..14e2445fc0 100644
--- a/src/components/Reactions/ReactionsList.tsx
+++ b/src/components/Reactions/ReactionsList.tsx
@@ -6,15 +6,22 @@ import type { ReactionGroupResponse, ReactionResponse } from 'stream-chat';
 import { useProcessReactions } from './hooks/useProcessReactions';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { ReactionOptions } from './reactionOptions';
-import type { ReactionDetailsComparator, ReactionsComparator, ReactionType } from './types';
+import type {
+  ReactionDetailsComparator,
+  ReactionsComparator,
+  ReactionType,
+} from './types';
 import { ReactionsListModal } from './ReactionsListModal';
 import { MessageContextValue, useTranslationContext } from '../../context';
 import { MAX_MESSAGE_REACTIONS_TO_FETCH } from '../Message/hooks';
 
 export type ReactionsListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Partial<
-  Pick<MessageContextValue<StreamChatGenerics>, 'handleFetchReactions' | 'reactionDetailsSort'>
+  Pick<
+    MessageContextValue<StreamChatGenerics>,
+    'handleFetchReactions' | 'reactionDetailsSort'
+  >
 > & {
   /** An array of the own reaction objects to distinguish own reactions visually */
   own_reactions?: ReactionResponse<StreamChatGenerics>[];
@@ -43,22 +50,22 @@ export type ReactionsListProps<
 };
 
 const UnMemoizedReactionsList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: ReactionsListProps<StreamChatGenerics>,
 ) => {
   const {
     handleFetchReactions,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     reactionDetailsSort,
     reverse = false,
     sortReactionDetails,
     ...rest
   } = props;
-  const { existingReactions, hasReactions, totalReactionCount } = useProcessReactions(rest);
-  const [
-    selectedReactionType,
-    setSelectedReactionType,
-  ] = useState<ReactionType<StreamChatGenerics> | null>(null);
+  const { existingReactions, hasReactions, totalReactionCount } =
+    useProcessReactions(rest);
+  const [selectedReactionType, setSelectedReactionType] =
+    useState<ReactionType<StreamChatGenerics> | null>(null);
   const { t } = useTranslationContext('ReactionsList');
 
   const handleReactionButtonClick = (reactionType: string) => {
@@ -135,4 +142,6 @@ const UnMemoizedReactionsList = <
 /**
  * Component that displays a list of reactions on a message.
  */
-export const ReactionsList = React.memo(UnMemoizedReactionsList) as typeof UnMemoizedReactionsList;
+export const ReactionsList = React.memo(
+  UnMemoizedReactionsList,
+) as typeof UnMemoizedReactionsList;
diff --git a/src/components/Reactions/ReactionsListModal.tsx b/src/components/Reactions/ReactionsListModal.tsx
index bdeb91c7e2..dfaf91c693 100644
--- a/src/components/Reactions/ReactionsListModal.tsx
+++ b/src/components/Reactions/ReactionsListModal.tsx
@@ -12,14 +12,19 @@ import { DefaultStreamChatGenerics } from '../../types/types';
 import { ReactionSort } from 'stream-chat';
 
 type ReactionsListModalProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = ModalProps &
   Partial<
-    Pick<MessageContextValue<StreamChatGenerics>, 'handleFetchReactions' | 'reactionDetailsSort'>
+    Pick<
+      MessageContextValue<StreamChatGenerics>,
+      'handleFetchReactions' | 'reactionDetailsSort'
+    >
   > & {
     reactions: ReactionSummary[];
     selectedReactionType: ReactionType<StreamChatGenerics>;
-    onSelectedReactionTypeChange?: (reactionType: ReactionType<StreamChatGenerics>) => void;
+    onSelectedReactionTypeChange?: (
+      reactionType: ReactionType<StreamChatGenerics>,
+    ) => void;
     sort?: ReactionSort<StreamChatGenerics>;
     /** @deprecated use `sort` instead */
     sortReactionDetails?: ReactionDetailsComparator<StreamChatGenerics>;
@@ -28,7 +33,7 @@ type ReactionsListModalProps<
 const defaultReactionDetailsSort = { created_at: -1 } as const;
 
 export function ReactionsListModal<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   handleFetchReactions,
   onSelectedReactionTypeChange,
@@ -49,15 +54,13 @@ export function ReactionsListModal<
   const legacySortReactionDetails = propSortReactionDetails ?? contextSortReactionDetails;
   const reactionDetailsSort =
     propReactionDetailsSort ?? contextReactionDetailsSort ?? defaultReactionDetailsSort;
-  const {
-    isLoading: areReactionsLoading,
-    reactions: reactionDetails,
-  } = useFetchReactions<StreamChatGenerics>({
-    handleFetchReactions,
-    reactionType: selectedReactionType,
-    shouldFetch: modalProps.open,
-    sort: reactionDetailsSort,
-  });
+  const { isLoading: areReactionsLoading, reactions: reactionDetails } =
+    useFetchReactions<StreamChatGenerics>({
+      handleFetchReactions,
+      reactionType: selectedReactionType,
+      shouldFetch: modalProps.open,
+      sort: reactionDetailsSort,
+    });
 
   const reactionDetailsWithLegacyFallback = useMemo(
     () =>
@@ -72,7 +75,10 @@ export function ReactionsListModal<
       {...modalProps}
       className={clsx('str-chat__message-reactions-details-modal', modalProps.className)}
     >
-      <div className='str-chat__message-reactions-details' data-testid='reactions-list-modal'>
+      <div
+        className='str-chat__message-reactions-details'
+        data-testid='reactions-list-modal'
+      >
         <div className='str-chat__message-reactions-details-reaction-types'>
           {reactions.map(
             ({ EmojiComponent, reactionCount, reactionType }) =>
@@ -85,14 +91,18 @@ export function ReactionsListModal<
                   data-testid={`reaction-details-selector-${reactionType}`}
                   key={reactionType}
                   onClick={() =>
-                    onSelectedReactionTypeChange?.(reactionType as ReactionType<StreamChatGenerics>)
+                    onSelectedReactionTypeChange?.(
+                      reactionType as ReactionType<StreamChatGenerics>,
+                    )
                   }
                 >
                   <span className='str-chat__message-reaction-emoji str-chat__message-reaction-emoji--with-fallback'>
                     <EmojiComponent />
                   </span>
                   &nbsp;
-                  <span className='str-chat__message-reaction-count'>{reactionCount}</span>
+                  <span className='str-chat__message-reaction-count'>
+                    {reactionCount}
+                  </span>
                 </div>
               ),
           )}
@@ -110,14 +120,20 @@ export function ReactionsListModal<
             <LoadingIndicator />
           ) : (
             reactionDetailsWithLegacyFallback.map(({ user }) => (
-              <div className='str-chat__message-reactions-details-reacting-user' key={user?.id}>
+              <div
+                className='str-chat__message-reactions-details-reacting-user'
+                key={user?.id}
+              >
                 <Avatar
                   className='stream-chat__avatar--reaction'
                   data-testid='avatar'
                   image={user?.image as string | undefined}
                   name={user?.name || user?.id}
                 />
-                <span className='str-chat__user-item--name' data-testid='reaction-user-username'>
+                <span
+                  className='str-chat__user-item--name'
+                  data-testid='reaction-user-username'
+                >
                   {user?.name || user?.id}
                 </span>
               </div>
diff --git a/src/components/Reactions/SimpleReactionsList.tsx b/src/components/Reactions/SimpleReactionsList.tsx
index c64e1fb345..99b6aec189 100644
--- a/src/components/Reactions/SimpleReactionsList.tsx
+++ b/src/components/Reactions/SimpleReactionsList.tsx
@@ -33,7 +33,11 @@ const WithTooltip = ({
       <PopperTooltip referenceElement={referenceElement} visible={tooltipVisible}>
         {title}
       </PopperTooltip>
-      <span onMouseEnter={handleEnter} onMouseLeave={handleLeave} ref={setReferenceElement}>
+      <span
+        onMouseEnter={handleEnter}
+        onMouseLeave={handleLeave}
+        ref={setReferenceElement}
+      >
         {children}
       </span>
     </>
@@ -41,7 +45,7 @@ const WithTooltip = ({
 };
 
 export type SimpleReactionsListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Partial<Pick<MessageContextValue, 'handleFetchReactions' | 'handleReaction'>> & {
   /** An array of the own reaction objects to distinguish own reactions visually */
   own_reactions?: ReactionResponse<StreamChatGenerics>[];
@@ -59,17 +63,17 @@ export type SimpleReactionsListProps<
 };
 
 const UnMemoizedSimpleReactionsList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: SimpleReactionsListProps<StreamChatGenerics>,
 ) => {
   const { handleReaction: propHandleReaction, ...rest } = props;
 
-  const { handleReaction: contextHandleReaction } = useMessageContext<StreamChatGenerics>(
-    'SimpleReactionsList',
-  );
+  const { handleReaction: contextHandleReaction } =
+    useMessageContext<StreamChatGenerics>('SimpleReactionsList');
 
-  const { existingReactions, hasReactions, totalReactionCount } = useProcessReactions(rest);
+  const { existingReactions, hasReactions, totalReactionCount } =
+    useProcessReactions(rest);
 
   const handleReaction = propHandleReaction || contextHandleReaction;
 
diff --git a/src/components/Reactions/SpriteImage.tsx b/src/components/Reactions/SpriteImage.tsx
index a8a959451c..1874fdf9fb 100644
--- a/src/components/Reactions/SpriteImage.tsx
+++ b/src/components/Reactions/SpriteImage.tsx
@@ -47,8 +47,12 @@ export const SpriteImage = ({
             'calc(var(--str-chat__sprite-image-height) / var(--str-chat__sprite-item-height))',
           '--str-chat__sprite-item-height': `${spriteHeight / rows}`,
           '--str-chat__sprite-item-width': `${spriteWidth / columns}`,
-          ...(Number.isFinite(height) ? { '--str-chat__sprite-image-height': `${height}px` } : {}),
-          ...(Number.isFinite(width) ? { '--str-chat__sprite-image-width': `${width}px` } : {}),
+          ...(Number.isFinite(height)
+            ? { '--str-chat__sprite-image-height': `${height}px` }
+            : {}),
+          ...(Number.isFinite(width)
+            ? { '--str-chat__sprite-image-width': `${width}px` }
+            : {}),
           backgroundImage: `url('${spriteUrl}')`,
           backgroundPosition: `${x * (100 / (columns - 1))}% ${y * (100 / (rows - 1))}%`,
           backgroundSize: `${columns * 100}% ${rows * 100}%`,
diff --git a/src/components/Reactions/__tests__/ReactionSelector.test.js b/src/components/Reactions/__tests__/ReactionSelector.test.js
index 5b63fcb20b..a2e5cbfaf4 100644
--- a/src/components/Reactions/__tests__/ReactionSelector.test.js
+++ b/src/components/Reactions/__tests__/ReactionSelector.test.js
@@ -37,7 +37,9 @@ const handleReactionMock = jest.fn();
 const renderComponent = (props) =>
   render(
     <DialogManagerProvider>
-      <ComponentProvider value={{ Avatar: AvatarMock, reactionOptions: defaultReactionOptions }}>
+      <ComponentProvider
+        value={{ Avatar: AvatarMock, reactionOptions: defaultReactionOptions }}
+      >
         <MessageProvider value={{ message: generateMessage() }}>
           <ReactionSelector handleReaction={handleReactionMock} {...props} />
         </MessageProvider>
diff --git a/src/components/Reactions/__tests__/ReactionsList.test.js b/src/components/Reactions/__tests__/ReactionsList.test.js
index dfd7af0129..cade672e4d 100644
--- a/src/components/Reactions/__tests__/ReactionsList.test.js
+++ b/src/components/Reactions/__tests__/ReactionsList.test.js
@@ -1,4 +1,3 @@
-/* eslint-disable react/display-name */
 import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
@@ -27,7 +26,12 @@ const renderComponent = ({ reaction_groups = {}, ...props }) => {
   return render(
     <ComponentProvider value={{ reactionOptions: defaultReactionOptions }}>
       <MessageProvider value={{}}>
-        <ReactionsList reaction_groups={reaction_groups} reactions={reactions} {...props} />,
+        <ReactionsList
+          reaction_groups={reaction_groups}
+          reactions={reactions}
+          {...props}
+        />
+        ,
       </MessageProvider>
     </ComponentProvider>,
   );
@@ -123,15 +127,19 @@ describe('ReactionsList', () => {
     ];
 
     expect(
-      renderComponent({ reaction_groups, reactionOptions, reverse: true }).container.querySelector(
-        '.str-chat__reaction-list--reverse',
-      ),
+      renderComponent({
+        reaction_groups,
+        reactionOptions,
+        reverse: true,
+      }).container.querySelector('.str-chat__reaction-list--reverse'),
     ).toBeInTheDocument();
 
     expect(
-      renderComponent({ reaction_groups, reactionOptions, reverse: false }).container.querySelector(
-        '.str-chat__reaction-list--reverse',
-      ),
+      renderComponent({
+        reaction_groups,
+        reactionOptions,
+        reverse: false,
+      }).container.querySelector('.str-chat__reaction-list--reverse'),
     ).not.toBeInTheDocument();
   });
 
@@ -139,8 +147,14 @@ describe('ReactionsList', () => {
     const { getByTestId } = renderComponent({
       reaction_groups: {
         haha: { count: 2, first_reaction_at: new Date().toISOString() },
-        like: { count: 8, first_reaction_at: new Date(Date.now() + 60_000).toISOString() },
-        love: { count: 5, first_reaction_at: new Date(Date.now() + 120_000).toISOString() },
+        like: {
+          count: 8,
+          first_reaction_at: new Date(Date.now() + 60_000).toISOString(),
+        },
+        love: {
+          count: 5,
+          first_reaction_at: new Date(Date.now() + 120_000).toISOString(),
+        },
       },
     });
 
diff --git a/src/components/Reactions/hooks/useFetchReactions.ts b/src/components/Reactions/hooks/useFetchReactions.ts
index 0070ce91ca..7e28f85671 100644
--- a/src/components/Reactions/hooks/useFetchReactions.ts
+++ b/src/components/Reactions/hooks/useFetchReactions.ts
@@ -5,7 +5,7 @@ import { DefaultStreamChatGenerics } from '../../../types/types';
 import { ReactionType } from '../types';
 
 export interface FetchReactionsOptions<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > {
   reactionType: ReactionType<StreamChatGenerics>;
   shouldFetch: boolean;
@@ -14,11 +14,10 @@ export interface FetchReactionsOptions<
 }
 
 export function useFetchReactions<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(options: FetchReactionsOptions<StreamChatGenerics>) {
-  const {
-    handleFetchReactions: contextHandleFetchReactions,
-  } = useMessageContext<StreamChatGenerics>('useFetchReactions');
+  const { handleFetchReactions: contextHandleFetchReactions } =
+    useMessageContext<StreamChatGenerics>('useFetchReactions');
   const [reactions, setReactions] = useState<ReactionResponse<StreamChatGenerics>[]>([]);
   const {
     handleFetchReactions: propHandleFetchReactions,
diff --git a/src/components/Reactions/hooks/useProcessReactions.tsx b/src/components/Reactions/hooks/useProcessReactions.tsx
index cded26fb56..7721dc0bd5 100644
--- a/src/components/Reactions/hooks/useProcessReactions.tsx
+++ b/src/components/Reactions/hooks/useProcessReactions.tsx
@@ -27,7 +27,7 @@ export const defaultReactionsSort: ReactionsComparator = (a, b) => {
 };
 
 export const useProcessReactions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   params: UseProcessReactionsParams,
 ) => {
@@ -38,12 +38,10 @@ export const useProcessReactions = <
     reactions: propReactions,
     sortReactions: propSortReactions,
   } = params;
-  const { message, sortReactions: contextSortReactions } = useMessageContext<StreamChatGenerics>(
-    'useProcessReactions',
-  );
-  const {
-    reactionOptions: contextReactionOptions = defaultReactionOptions,
-  } = useComponentContext<StreamChatGenerics>('useProcessReactions');
+  const { message, sortReactions: contextSortReactions } =
+    useMessageContext<StreamChatGenerics>('useProcessReactions');
+  const { reactionOptions: contextReactionOptions = defaultReactionOptions } =
+    useComponentContext<StreamChatGenerics>('useProcessReactions');
 
   const reactionOptions = propReactionOptions ?? contextReactionOptions;
   const sortReactions = propSortReactions ?? contextSortReactions ?? defaultReactionsSort;
@@ -122,7 +120,8 @@ export const useProcessReactions = <
   const hasReactions = existingReactions.length > 0;
 
   const totalReactionCount = useMemo(
-    () => existingReactions.reduce((total, { reactionCount }) => total + reactionCount, 0),
+    () =>
+      existingReactions.reduce((total, { reactionCount }) => total + reactionCount, 0),
     [existingReactions],
   );
 
diff --git a/src/components/Reactions/reactionOptions.tsx b/src/components/Reactions/reactionOptions.tsx
index a0dc77735f..9ea01dedd0 100644
--- a/src/components/Reactions/reactionOptions.tsx
+++ b/src/components/Reactions/reactionOptions.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable sort-keys */
-/* eslint-disable react/display-name */
+
 import React from 'react';
 
 import { StreamEmoji } from './StreamEmoji';
@@ -11,9 +11,25 @@ export type ReactionOptions = Array<{
 }>;
 
 export const defaultReactionOptions: ReactionOptions = [
-  { type: 'haha', Component: () => <StreamEmoji fallback='😂' type='haha' />, name: 'Joy' },
-  { type: 'like', Component: () => <StreamEmoji fallback='👍' type='like' />, name: 'Thumbs up' },
-  { type: 'love', Component: () => <StreamEmoji fallback='❤️' type='love' />, name: 'Heart' },
+  {
+    type: 'haha',
+    Component: () => <StreamEmoji fallback='😂' type='haha' />,
+    name: 'Joy',
+  },
+  {
+    type: 'like',
+    Component: () => <StreamEmoji fallback='👍' type='like' />,
+    name: 'Thumbs up',
+  },
+  {
+    type: 'love',
+    Component: () => <StreamEmoji fallback='❤️' type='love' />,
+    name: 'Heart',
+  },
   { type: 'sad', Component: () => <StreamEmoji fallback='😔' type='sad' />, name: 'Sad' },
-  { type: 'wow', Component: () => <StreamEmoji fallback='😲' type='wow' />, name: 'Astonished' },
+  {
+    type: 'wow',
+    Component: () => <StreamEmoji fallback='😲' type='wow' />,
+    name: 'Astonished',
+  },
 ];
diff --git a/src/components/Reactions/types.ts b/src/components/Reactions/types.ts
index 030bcc259e..ab642fe4cf 100644
--- a/src/components/Reactions/types.ts
+++ b/src/components/Reactions/types.ts
@@ -16,9 +16,12 @@ export interface ReactionSummary {
 export type ReactionsComparator = (a: ReactionSummary, b: ReactionSummary) => number;
 
 export type ReactionDetailsComparator<
-  StreamChatGenerics extends ExtendableGenerics = DefaultGenerics
-> = (a: ReactionResponse<StreamChatGenerics>, b: ReactionResponse<StreamChatGenerics>) => number;
+  StreamChatGenerics extends ExtendableGenerics = DefaultGenerics,
+> = (
+  a: ReactionResponse<StreamChatGenerics>,
+  b: ReactionResponse<StreamChatGenerics>,
+) => number;
 
 export type ReactionType<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = ReactionResponse<StreamChatGenerics>['type'];
diff --git a/src/components/Reactions/utils/utils.ts b/src/components/Reactions/utils/utils.ts
index 5f793ea7a5..5da26fd705 100644
--- a/src/components/Reactions/utils/utils.ts
+++ b/src/components/Reactions/utils/utils.ts
@@ -1,6 +1,8 @@
 import { ForwardedRef, MutableRefObject } from 'react';
 
-export const isMutableRef = <T>(ref: ForwardedRef<T> | null): ref is MutableRefObject<T> => {
+export const isMutableRef = <T>(
+  ref: ForwardedRef<T> | null,
+): ref is MutableRefObject<T> => {
   if (ref) {
     return (ref as MutableRefObject<T>).current !== undefined;
   }
diff --git a/src/components/SafeAnchor/__tests__/SafeAnchor.test.js b/src/components/SafeAnchor/__tests__/SafeAnchor.test.js
index cce9c4a966..a17d12b744 100644
--- a/src/components/SafeAnchor/__tests__/SafeAnchor.test.js
+++ b/src/components/SafeAnchor/__tests__/SafeAnchor.test.js
@@ -16,7 +16,9 @@ describe('SafeAnchor', () => {
       .mockImplementation(() => mockSanitizedUrl);
     const href = 'something';
     const anchorText = 'something else';
-    const { container, getByText } = render(<SafeAnchor href={href}>{anchorText}</SafeAnchor>);
+    const { container, getByText } = render(
+      <SafeAnchor href={href}>{anchorText}</SafeAnchor>,
+    );
 
     expect(sanitizeUrlSpy).toHaveBeenCalledWith(href);
     expect(getByText(anchorText).href).toBe(mockSanitizedUrl);
diff --git a/src/components/Thread/Thread.tsx b/src/components/Thread/Thread.tsx
index 3f1bcb1007..0a1e87ba41 100644
--- a/src/components/Thread/Thread.tsx
+++ b/src/components/Thread/Thread.tsx
@@ -29,7 +29,7 @@ import type { ThreadState } from 'stream-chat';
 
 export type ThreadProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 > = {
   /** Additional props for `MessageInput` component: [available props](https://getstream.io/chat/docs/sdk/react/message-input-components/message_input/#props) */
   additionalMessageInputProps?: MessageInputProps<StreamChatGenerics, V>;
@@ -58,11 +58,12 @@ export type ThreadProps<
  */
 export const Thread = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: ThreadProps<StreamChatGenerics, V>,
 ) => {
-  const { channel, channelConfig, thread } = useChannelStateContext<StreamChatGenerics>('Thread');
+  const { channel, channelConfig, thread } =
+    useChannelStateContext<StreamChatGenerics>('Thread');
   const threadInstance = useThreadContext();
 
   if ((!thread && !threadInstance) || channelConfig?.replies === false) return null;
@@ -70,7 +71,10 @@ export const Thread = <
   // the wrapper ensures a key variable is set and the component recreates on thread switch
   return (
     // FIXME: TS is having trouble here as at least one of the two would always be defined
-    <ThreadInner {...props} key={`thread-${(thread ?? threadInstance)?.id}-${channel?.cid}`} />
+    <ThreadInner
+      {...props}
+      key={`thread-${(thread ?? threadInstance)?.id}-${channel?.cid}`}
+    />
   );
 };
 
@@ -83,7 +87,7 @@ const selector = (nextValue: ThreadState) => ({
 
 const ThreadInner = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   props: ThreadProps<StreamChatGenerics, V> & { key: string },
 ) => {
@@ -111,13 +115,14 @@ const ThreadInner = <
     threadMessages = [],
     threadSuppressAutoscroll,
   } = useChannelStateContext<StreamChatGenerics>('Thread');
-  const { closeThread, loadMoreThread } = useChannelActionContext<StreamChatGenerics>('Thread');
+  const { closeThread, loadMoreThread } =
+    useChannelActionContext<StreamChatGenerics>('Thread');
   const { customClasses } = useChatContext<StreamChatGenerics>('Thread');
   const {
-    ThreadInput: ContextInput,
     Message: ContextMessage,
     ThreadHead = DefaultThreadHead,
     ThreadHeader = DefaultThreadHeader,
+    ThreadInput: ContextInput,
     VirtualMessage,
   } = useComponentContext<StreamChatGenerics>('Thread');
 
@@ -135,7 +140,6 @@ const ThreadInner = <
       // FIXME: integrators can customize channel query options but cannot customize channel.getReplies() options
       loadMoreThread();
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [thread, loadMoreThread]);
 
   const threadProps: Pick<
@@ -192,7 +196,9 @@ const ThreadInner = <
         suppressAutoscroll={threadSuppressAutoscroll}
         threadList
         {...threadProps}
-        {...(virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps)}
+        {...(virtualized
+          ? additionalVirtualizedMessageListProps
+          : additionalMessageListProps)}
       />
       <MessageInput
         focus={autoFocus}
diff --git a/src/components/Thread/ThreadHead.tsx b/src/components/Thread/ThreadHead.tsx
index edb14884a4..2ed96f30a7 100644
--- a/src/components/Thread/ThreadHead.tsx
+++ b/src/components/Thread/ThreadHead.tsx
@@ -8,13 +8,12 @@ import { useComponentContext } from '../../context';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export const ThreadHead = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: MessageProps<StreamChatGenerics>,
 ) => {
-  const { ThreadStart = DefaultThreadStart } = useComponentContext<StreamChatGenerics>(
-    'ThreadHead',
-  );
+  const { ThreadStart = DefaultThreadStart } =
+    useComponentContext<StreamChatGenerics>('ThreadHead');
   return (
     <div className='str-chat__parent-message-li'>
       <Message initialMessage threadList {...props} />
diff --git a/src/components/Thread/ThreadHeader.tsx b/src/components/Thread/ThreadHeader.tsx
index 3afa674871..2703305611 100644
--- a/src/components/Thread/ThreadHeader.tsx
+++ b/src/components/Thread/ThreadHeader.tsx
@@ -12,7 +12,7 @@ import { useTranslationContext } from '../../context/TranslationContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type ThreadHeaderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** Callback for closing the thread */
   closeThread: (event?: React.BaseSyntheticEvent) => void;
@@ -21,7 +21,7 @@ export type ThreadHeaderProps<
 };
 
 export const ThreadHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: ThreadHeaderProps<StreamChatGenerics> &
     Pick<ChannelPreviewInfoParams<StreamChatGenerics>, 'overrideImage' | 'overrideTitle'>,
diff --git a/src/components/Thread/__tests__/Thread.test.js b/src/components/Thread/__tests__/Thread.test.js
index 2d12108384..77811e5d7e 100644
--- a/src/components/Thread/__tests__/Thread.test.js
+++ b/src/components/Thread/__tests__/Thread.test.js
@@ -70,16 +70,20 @@ const i18nMock = jest.fn((key, props) => {
 });
 
 const renderComponent = ({
-  chatClient,
-  threadProps = {},
-  channelStateOverrides = {},
   channelActionOverrides = {},
+  channelStateOverrides = {},
+  chatClient,
   componentOverrides = {},
+  threadProps = {},
 }) =>
   render(
     <ChatProvider value={{ client: chatClient, latestMessageDatesByChannels: {} }}>
-      <ChannelStateProvider value={{ ...channelStateContextMock, ...channelStateOverrides }}>
-        <ChannelActionProvider value={{ ...channelActionContextMock, ...channelActionOverrides }}>
+      <ChannelStateProvider
+        value={{ ...channelStateContextMock, ...channelStateOverrides }}
+      >
+        <ChannelActionProvider
+          value={{ ...channelActionContextMock, ...channelActionOverrides }}
+        >
           <ComponentProvider value={{ ...componentOverrides }}>
             <TranslationProvider value={{ t: i18nMock }}>
               <Thread {...threadProps} />
@@ -122,7 +126,9 @@ describe('Thread', () => {
       expect.objectContaining({
         disableDateSeparator: true,
         hasMore: channelStateContextMock.threadHasMore,
-        head: expect.objectContaining({ type: expect.objectContaining({ name: 'ThreadHead' }) }),
+        head: expect.objectContaining({
+          type: expect.objectContaining({ name: 'ThreadHead' }),
+        }),
         loadingMore: channelActionContextMock.threadLoadingMore,
         loadMore: channelStateContextMock.loadMoreThread,
         Message: MessageMock,
@@ -154,7 +160,9 @@ describe('Thread', () => {
       expect.objectContaining({
         disableDateSeparator: false,
         hasMore: channelStateContextMock.threadHasMore,
-        head: expect.objectContaining({ type: expect.objectContaining({ name: 'ThreadHead' }) }),
+        head: expect.objectContaining({
+          type: expect.objectContaining({ name: 'ThreadHead' }),
+        }),
         loadingMore: channelActionContextMock.threadLoadingMore,
         loadMore: channelStateContextMock.loadMoreThread,
         Message: MessageMock,
@@ -192,7 +200,10 @@ describe('Thread', () => {
     const CustomMessageInputMock = jest.fn();
     const CustomMessageInputMockAdditional = jest.fn();
     const props = {
-      additionalMessageInputProps: { Input: CustomMessageInputMockAdditional, propName: 'value' },
+      additionalMessageInputProps: {
+        Input: CustomMessageInputMockAdditional,
+        propName: 'value',
+      },
       autoFocus: true,
       Input: CustomMessageInputMock,
     };
@@ -217,7 +228,10 @@ describe('Thread', () => {
   it('should render a custom MessageInput from additional props', () => {
     const CustomMessageInputMockAdditional = jest.fn();
     const props = {
-      additionalMessageInputProps: { Input: CustomMessageInputMockAdditional, propName: 'value' },
+      additionalMessageInputProps: {
+        Input: CustomMessageInputMockAdditional,
+        propName: 'value',
+      },
       autoFocus: true,
     };
 
@@ -296,7 +310,9 @@ describe('Thread', () => {
       chatClient,
       threadProps: { virtualized: false },
     });
-    expect(container.querySelector('.str-chat__thread--virtualized')).not.toBeInTheDocument();
+    expect(
+      container.querySelector('.str-chat__thread--virtualized'),
+    ).not.toBeInTheDocument();
   });
 
   it('should not render anything if the thread in context is falsy', () => {
@@ -323,7 +339,9 @@ describe('Thread', () => {
     await channel.watch();
 
     const { container } = render(
-      <ChannelStateProvider value={{ ...channelStateContextMock, channel, channelConfig }}>
+      <ChannelStateProvider
+        value={{ ...channelStateContextMock, channel, channelConfig }}
+      >
         <Thread />
       </ChannelStateProvider>,
     );
diff --git a/src/components/Thread/__tests__/ThreadStart.test.js b/src/components/Thread/__tests__/ThreadStart.test.js
index 435c51b04f..f255b3fe1b 100644
--- a/src/components/Thread/__tests__/ThreadStart.test.js
+++ b/src/components/Thread/__tests__/ThreadStart.test.js
@@ -4,7 +4,11 @@ import { cleanup, render, screen } from '@testing-library/react';
 
 import { ThreadStart } from '../ThreadStart';
 
-import { ChannelStateProvider, ChatProvider, TranslationProvider } from '../../../context';
+import {
+  ChannelStateProvider,
+  ChatProvider,
+  TranslationProvider,
+} from '../../../context';
 
 import { generateMessage, getTestClientWithUser } from '../../../mock-builders';
 
diff --git a/src/components/Threads/ThreadContext.tsx b/src/components/Threads/ThreadContext.tsx
index fb9235c67b..72ff146fa6 100644
--- a/src/components/Threads/ThreadContext.tsx
+++ b/src/components/Threads/ThreadContext.tsx
@@ -15,7 +15,10 @@ export const useThreadContext = () => {
   return thread ?? undefined;
 };
 
-export const ThreadProvider = ({ children, thread }: PropsWithChildren<{ thread?: Thread }>) => (
+export const ThreadProvider = ({
+  children,
+  thread,
+}: PropsWithChildren<{ thread?: Thread }>) => (
   <ThreadContext.Provider value={thread}>
     <Channel channel={thread?.channel}>{children}</Channel>
   </ThreadContext.Provider>
diff --git a/src/components/Threads/ThreadList/ThreadList.tsx b/src/components/Threads/ThreadList/ThreadList.tsx
index 0f4239c9ed..3ad8458b95 100644
--- a/src/components/Threads/ThreadList/ThreadList.tsx
+++ b/src/components/Threads/ThreadList/ThreadList.tsx
@@ -44,8 +44,8 @@ export const useThreadList = () => {
 export const ThreadList = ({ virtuosoProps }: ThreadListProps) => {
   const { client } = useChatContext();
   const {
-    ThreadListItem = DefaultThreadListItem,
     ThreadListEmptyPlaceholder = DefaultThreadListEmptyPlaceholder,
+    ThreadListItem = DefaultThreadListItem,
     ThreadListLoadingIndicator = DefaultThreadListLoadingIndicator,
     ThreadListUnseenThreadsBanner = DefaultThreadListUnseenThreadsBanner,
   } = useComponentContext();
diff --git a/src/components/Threads/ThreadList/ThreadListItem.tsx b/src/components/Threads/ThreadList/ThreadListItem.tsx
index 78370dbf69..bd2ca74817 100644
--- a/src/components/Threads/ThreadList/ThreadListItem.tsx
+++ b/src/components/Threads/ThreadList/ThreadListItem.tsx
@@ -16,7 +16,10 @@ const ThreadListItemContext = createContext<Thread | undefined>(undefined);
 
 export const useThreadListItemContext = () => useContext(ThreadListItemContext);
 
-export const ThreadListItem = ({ thread, threadListItemUIProps }: ThreadListItemProps) => {
+export const ThreadListItem = ({
+  thread,
+  threadListItemUIProps,
+}: ThreadListItemProps) => {
   const { ThreadListItemUI = DefaultThreadListItemUI } = useComponentContext();
 
   return (
diff --git a/src/components/Threads/ThreadList/ThreadListItemUI.tsx b/src/components/Threads/ThreadList/ThreadListItemUI.tsx
index 5cfeebecbb..8694b57103 100644
--- a/src/components/Threads/ThreadList/ThreadListItemUI.tsx
+++ b/src/components/Threads/ThreadList/ThreadListItemUI.tsx
@@ -44,8 +44,9 @@ const getTitleFromMessage = ({
 
   if (attachment) {
     attachmentIcon +=
-      attachmentTypeIconMap[(attachment.type as keyof typeof attachmentTypeIconMap) ?? 'file'] ??
-      attachmentTypeIconMap.file;
+      attachmentTypeIconMap[
+        (attachment.type as keyof typeof attachmentTypeIconMap) ?? 'file'
+      ] ?? attachmentTypeIconMap.file;
   }
 
   const messageBelongsToCurrentUser = message?.user?.id === currentUserId;
@@ -83,10 +84,8 @@ export const ThreadListItemUI = (props: ThreadListItemUIProps) => {
     [client],
   );
 
-  const { channel, deletedAt, latestReply, ownUnreadMessageCount, parentMessage } = useStateStore(
-    thread.state,
-    selector,
-  );
+  const { channel, deletedAt, latestReply, ownUnreadMessageCount, parentMessage } =
+    useStateStore(thread.state, selector);
 
   const { displayTitle: channelDisplayTitle } = useChannelPreviewInfo({ channel });
 
@@ -105,7 +104,9 @@ export const ThreadListItemUI = (props: ThreadListItemUIProps) => {
     >
       <div className='str-chat__thread-list-item__channel'>
         <Icon.MessageBubble />
-        <div className='str-chat__thread-list-item__channel-text'>{channelDisplayTitle}</div>
+        <div className='str-chat__thread-list-item__channel-text'>
+          {channelDisplayTitle}
+        </div>
       </div>
       <div className='str-chat__thread-list-item__parent-message'>
         <div className='str-chat__thread-list-item__parent-message-text'>
@@ -126,7 +127,10 @@ export const ThreadListItemUI = (props: ThreadListItemUIProps) => {
             <div className='str-chat__thread-list-item__latest-reply-text'>
               {deletedAt
                 ? 'This thread was deleted'
-                : getTitleFromMessage({ currentUserId: client.user?.id, message: latestReply })}
+                : getTitleFromMessage({
+                    currentUserId: client.user?.id,
+                    message: latestReply,
+                  })}
             </div>
             <div className='str-chat__thread-list-item__latest-reply-timestamp'>
               <Timestamp timestamp={deletedAt ?? latestReply?.created_at} />
diff --git a/src/components/Threads/icons.tsx b/src/components/Threads/icons.tsx
index d67e416279..9c4f82f1ab 100644
--- a/src/components/Threads/icons.tsx
+++ b/src/components/Threads/icons.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react/display-name */
 import React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index ae01ca5880..a19039c099 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -21,8 +21,8 @@ export type PopperTooltipProps<T extends HTMLElement> = React.PropsWithChildren<
 export const PopperTooltip = <T extends HTMLElement>({
   children,
   offset = [0, 10],
-  referenceElement,
   placement = 'top',
+  referenceElement,
   visible = false,
 }: PopperTooltipProps<T>) => {
   const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);
diff --git a/src/components/TypingIndicator/TypingIndicator.tsx b/src/components/TypingIndicator/TypingIndicator.tsx
index 2b1e81744d..41176cd814 100644
--- a/src/components/TypingIndicator/TypingIndicator.tsx
+++ b/src/components/TypingIndicator/TypingIndicator.tsx
@@ -42,13 +42,14 @@ const useJoinTypingUsers = (names: string[]) => {
  * TypingIndicator lists users currently typing, it needs to be a child of Channel component
  */
 const UnMemoizedTypingIndicator = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: TypingIndicatorProps,
 ) => {
   const { threadList } = props;
 
-  const { channelConfig, thread } = useChannelStateContext<StreamChatGenerics>('TypingIndicator');
+  const { channelConfig, thread } =
+    useChannelStateContext<StreamChatGenerics>('TypingIndicator');
   const { client } = useChatContext<StreamChatGenerics>('TypingIndicator');
   const { typing = {} } = useTypingContext<StreamChatGenerics>('TypingIndicator');
 
diff --git a/src/components/TypingIndicator/__tests__/TypingIndicator.test.js b/src/components/TypingIndicator/__tests__/TypingIndicator.test.js
index fea7842142..283da34ba3 100644
--- a/src/components/TypingIndicator/__tests__/TypingIndicator.test.js
+++ b/src/components/TypingIndicator/__tests__/TypingIndicator.test.js
@@ -109,7 +109,9 @@ describe('TypingIndicator', () => {
       joris: { user: { id: 'joris', image: 'joris.jpg' } },
       margriet: { user: { id: 'margriet', image: 'margriet.jpg' } },
     });
-    expect(screen.getByText('{{ users }} and {{ user }} are typing...')).toBeInTheDocument();
+    expect(
+      screen.getByText('{{ users }} and {{ user }} are typing...'),
+    ).toBeInTheDocument();
     const results = await axe(container);
     expect(results).toHaveNoViolations();
   });
@@ -196,11 +198,15 @@ describe('TypingIndicator', () => {
     });
 
     it('should not render TypingIndicator in thread if user is typing in main channel', async () => {
-      const { container } = await renderComponent({ [otherUserId]: { user: otherUserId } }, true, {
-        channel,
-        client,
-        thread: { id: parent_id },
-      });
+      const { container } = await renderComponent(
+        { [otherUserId]: { user: otherUserId } },
+        true,
+        {
+          channel,
+          client,
+          thread: { id: parent_id },
+        },
+      );
 
       expect(container).toBeEmptyDOMElement();
     });
diff --git a/src/components/UserItem/__tests__/UserItem.test.js b/src/components/UserItem/__tests__/UserItem.test.js
index 50631e8f4a..0c8207cccc 100644
--- a/src/components/UserItem/__tests__/UserItem.test.js
+++ b/src/components/UserItem/__tests__/UserItem.test.js
@@ -8,7 +8,7 @@ expect.extend(toHaveNoViolations);
 
 import { UserItem } from '../UserItem';
 
-afterEach(cleanup); // eslint-disable-line
+afterEach(cleanup);
 
 describe('UserItem', () => {
   it('should render component with default props', () => {
diff --git a/src/components/Window/Window.tsx b/src/components/Window/Window.tsx
index 9485eb2c8d..a39e54fbf5 100644
--- a/src/components/Window/Window.tsx
+++ b/src/components/Window/Window.tsx
@@ -6,14 +6,14 @@ import { StreamMessage, useChannelStateContext } from '../../context/ChannelStat
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type WindowProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** optional prop to force addition of class str-chat__main-panel---with-thread-opn to the Window root element */
   thread?: StreamMessage<StreamChatGenerics>;
 };
 
 const UnMemoizedWindow = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: PropsWithChildren<WindowProps<StreamChatGenerics>>,
 ) => {
diff --git a/src/components/Window/__tests__/Window.test.js b/src/components/Window/__tests__/Window.test.js
index bf815801ea..b8c6fb4327 100644
--- a/src/components/Window/__tests__/Window.test.js
+++ b/src/components/Window/__tests__/Window.test.js
@@ -21,18 +21,21 @@ describe('Window', () => {
   it.each([
     ['add', thread],
     ['', undefined],
-  ])('should %s class str-chat__main-panel--thread-open when thread is open', (_, thread) => {
-    const { container } = renderComponent({
-      channelStateContextMock: {
-        thread,
-      },
-    });
-    if (thread) {
-      expect(container.firstChild).toHaveClass(THREAD_OPEN_CLASS_NAME);
-    } else {
-      expect(container.firstChild).not.toHaveClass(THREAD_OPEN_CLASS_NAME);
-    }
-  });
+  ])(
+    'should %s class str-chat__main-panel--thread-open when thread is open',
+    (_, thread) => {
+      const { container } = renderComponent({
+        channelStateContextMock: {
+          thread,
+        },
+      });
+      if (thread) {
+        expect(container.firstChild).toHaveClass(THREAD_OPEN_CLASS_NAME);
+      } else {
+        expect(container.firstChild).not.toHaveClass(THREAD_OPEN_CLASS_NAME);
+      }
+    },
+  );
 
   it.each([
     ['add', thread],
diff --git a/src/context/AttachmentSelectorContext.tsx b/src/context/AttachmentSelectorContext.tsx
index 22991e98ae..0ec2cf08cb 100644
--- a/src/context/AttachmentSelectorContext.tsx
+++ b/src/context/AttachmentSelectorContext.tsx
@@ -12,7 +12,9 @@ export const AttachmentSelectorContextProvider = ({
   children,
   value,
 }: PropsWithChildren<{ value: AttachmentSelectorContextValue }>) => (
-  <AttachmentSelectorContext.Provider value={value}>{children}</AttachmentSelectorContext.Provider>
+  <AttachmentSelectorContext.Provider value={value}>
+    {children}
+  </AttachmentSelectorContext.Provider>
 );
 
 export const useAttachmentSelectorContext = () => useContext(AttachmentSelectorContext);
diff --git a/src/context/ChannelActionContext.tsx b/src/context/ChannelActionContext.tsx
index 36acea39fa..4d4456a48b 100644
--- a/src/context/ChannelActionContext.tsx
+++ b/src/context/ChannelActionContext.tsx
@@ -34,11 +34,11 @@ export type MarkReadWrapperOptions = {
 };
 
 export type MessageAttachments<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Array<Attachment<StreamChatGenerics>>;
 
 export type MessageToSend<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   attachments?: MessageAttachments<StreamChatGenerics>;
   error?: ErrorFromResponse<APIErrorResponse>;
@@ -52,11 +52,11 @@ export type MessageToSend<
 };
 
 export type RetrySendMessage<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = (message: StreamMessage<StreamChatGenerics>) => Promise<void>;
 
 export type ChannelActionContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   addNotification: (text: string, type: 'success' | 'error') => void;
   closeThread: (event?: React.BaseSyntheticEvent) => void;
@@ -73,7 +73,11 @@ export type ChannelActionContextValue<
     highlightDuration?: number,
   ) => Promise<void>;
   jumpToLatestMessage: () => Promise<void>;
-  jumpToMessage: (messageId: string, limit?: number, highlightDuration?: number) => Promise<void>;
+  jumpToMessage: (
+    messageId: string,
+    limit?: number,
+    highlightDuration?: number,
+  ) => Promise<void>;
   loadMore: (limit?: number) => Promise<number>;
   loadMoreNewer: (limit?: number) => Promise<number>;
   loadMoreThread: () => Promise<void>;
@@ -91,32 +95,34 @@ export type ChannelActionContextValue<
     customMessageData?: Partial<Message<StreamChatGenerics>>,
     options?: SendMessageOptions,
   ) => Promise<void>;
-  setChannelUnreadUiState: React.Dispatch<React.SetStateAction<ChannelUnreadUiState | undefined>>;
+  setChannelUnreadUiState: React.Dispatch<
+    React.SetStateAction<ChannelUnreadUiState | undefined>
+  >;
   setQuotedMessage: React.Dispatch<
     React.SetStateAction<StreamMessage<StreamChatGenerics> | undefined>
   >;
   updateMessage: (message: StreamMessage<StreamChatGenerics>) => void;
 };
 
-export const ChannelActionContext = React.createContext<ChannelActionContextValue | undefined>(
-  undefined,
-);
+export const ChannelActionContext = React.createContext<
+  ChannelActionContextValue | undefined
+>(undefined);
 
 export const ChannelActionProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   value,
 }: PropsWithChildren<{
   value: ChannelActionContextValue<StreamChatGenerics>;
 }>) => (
-  <ChannelActionContext.Provider value={(value as unknown) as ChannelActionContextValue}>
+  <ChannelActionContext.Provider value={value as unknown as ChannelActionContextValue}>
     {children}
   </ChannelActionContext.Provider>
 );
 
 export const useChannelActionContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   componentName?: string,
 ) => {
@@ -130,7 +136,7 @@ export const useChannelActionContext = <
     return {} as ChannelActionContextValue<StreamChatGenerics>;
   }
 
-  return (contextValue as unknown) as ChannelActionContextValue<StreamChatGenerics>;
+  return contextValue as unknown as ChannelActionContextValue<StreamChatGenerics>;
 };
 
 /**
@@ -140,7 +146,7 @@ export const useChannelActionContext = <
  */
 export const withChannelActionContext = <
   P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
 ) => {
diff --git a/src/context/ChannelListContext.tsx b/src/context/ChannelListContext.tsx
index fb8e96f004..be54e40627 100644
--- a/src/context/ChannelListContext.tsx
+++ b/src/context/ChannelListContext.tsx
@@ -11,7 +11,7 @@ import type { Channel } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../types/types';
 
 export type ChannelListContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /**
    * State representing the array of loaded channels.
@@ -24,26 +24,28 @@ export type ChannelListContextValue<
   setChannels: Dispatch<SetStateAction<Channel<StreamChatGenerics>[]>>;
 };
 
-export const ChannelListContext = createContext<ChannelListContextValue | undefined>(undefined);
+export const ChannelListContext = createContext<ChannelListContextValue | undefined>(
+  undefined,
+);
 
 /**
  * Context provider for components rendered within the `ChannelList`
  */
 export const ChannelListContextProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   value,
 }: PropsWithChildren<{
   value: ChannelListContextValue<StreamChatGenerics>;
 }>) => (
-  <ChannelListContext.Provider value={(value as unknown) as ChannelListContextValue}>
+  <ChannelListContext.Provider value={value as unknown as ChannelListContextValue}>
     {children}
   </ChannelListContext.Provider>
 );
 
 export const useChannelListContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   componentName?: string,
 ) => {
@@ -57,5 +59,5 @@ export const useChannelListContext = <
     return {} as ChannelListContextValue<StreamChatGenerics>;
   }
 
-  return (contextValue as unknown) as ChannelListContextValue<StreamChatGenerics>;
+  return contextValue as unknown as ChannelListContextValue<StreamChatGenerics>;
 };
diff --git a/src/context/ChannelStateContext.tsx b/src/context/ChannelStateContext.tsx
index fb12ffdc03..89faee6dfd 100644
--- a/src/context/ChannelStateContext.tsx
+++ b/src/context/ChannelStateContext.tsx
@@ -25,13 +25,13 @@ export type ChannelNotifications = Array<{
 }>;
 
 export type StreamMessage<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > =
   | ReturnType<StreamChannelState<StreamChatGenerics>['formatMessage']>
   | MessageResponse<StreamChatGenerics>;
 
 export type ChannelState<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   suppressAutoscroll: boolean;
   error?: Error | null;
@@ -57,7 +57,7 @@ export type ChannelState<
 };
 
 export type ChannelStateContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Omit<ChannelState<StreamChatGenerics>, 'typing'> & {
   channel: Channel<StreamChatGenerics>;
   channelCapabilities: Record<string, boolean>;
@@ -80,25 +80,25 @@ export type ChannelStateContextValue<
   watcher_count?: number;
 };
 
-export const ChannelStateContext = React.createContext<ChannelStateContextValue | undefined>(
-  undefined,
-);
+export const ChannelStateContext = React.createContext<
+  ChannelStateContextValue | undefined
+>(undefined);
 
 export const ChannelStateProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   value,
 }: PropsWithChildren<{
   value: ChannelStateContextValue<StreamChatGenerics>;
 }>) => (
-  <ChannelStateContext.Provider value={(value as unknown) as ChannelStateContextValue}>
+  <ChannelStateContext.Provider value={value as unknown as ChannelStateContextValue}>
     {children}
   </ChannelStateContext.Provider>
 );
 
 export const useChannelStateContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   componentName?: string,
 ) => {
@@ -112,7 +112,7 @@ export const useChannelStateContext = <
     return {} as ChannelStateContextValue<StreamChatGenerics>;
   }
 
-  return (contextValue as unknown) as ChannelStateContextValue<StreamChatGenerics>;
+  return contextValue as unknown as ChannelStateContextValue<StreamChatGenerics>;
 };
 
 /**
@@ -122,7 +122,7 @@ export const useChannelStateContext = <
  */
 export const withChannelStateContext = <
   P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
 ) => {
diff --git a/src/context/ChatContext.tsx b/src/context/ChatContext.tsx
index 514942a5d8..f71f184257 100644
--- a/src/context/ChatContext.tsx
+++ b/src/context/ChatContext.tsx
@@ -24,7 +24,7 @@ export type CustomClasses = Partial<Record<CSSClasses, string>>;
 type ChannelCID = string; // e.g.: "messaging:general"
 
 export type ChatContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /**
    * Indicates, whether a channels query has been triggered within ChannelList by its channels pagination controller.
@@ -62,20 +62,20 @@ export type ChatContextValue<
 export const ChatContext = React.createContext<ChatContextValue | undefined>(undefined);
 
 export const ChatProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   value,
 }: PropsWithChildren<{
   value: ChatContextValue<StreamChatGenerics>;
 }>) => (
-  <ChatContext.Provider value={(value as unknown) as ChatContextValue}>
+  <ChatContext.Provider value={value as unknown as ChatContextValue}>
     {children}
   </ChatContext.Provider>
 );
 
 export const useChatContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   componentName?: string,
 ) => {
@@ -89,7 +89,7 @@ export const useChatContext = <
     return {} as ChatContextValue<StreamChatGenerics>;
   }
 
-  return (contextValue as unknown) as ChatContextValue<StreamChatGenerics>;
+  return contextValue as unknown as ChatContextValue<StreamChatGenerics>;
 };
 
 /**
@@ -99,11 +99,13 @@ export const useChatContext = <
  */
 export const withChatContext = <
   P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
 ) => {
-  const WithChatContextComponent = (props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>) => {
+  const WithChatContextComponent = (
+    props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>,
+  ) => {
     const chatContext = useChatContext<StreamChatGenerics>();
 
     return <Component {...(props as P)} {...chatContext} />;
diff --git a/src/context/ComponentContext.tsx b/src/context/ComponentContext.tsx
index 51b15fe1c5..02f115600c 100644
--- a/src/context/ComponentContext.tsx
+++ b/src/context/ComponentContext.tsx
@@ -60,7 +60,7 @@ import type { StopAIGenerationButtonProps } from '../components/MessageInput/Sto
 
 export type ComponentContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 > = {
   /** Custom UI component to display a message attachment, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/Attachment.tsx) */
   Attachment?: React.ComponentType<AttachmentProps<StreamChatGenerics>>;
@@ -73,9 +73,13 @@ export type ComponentContextValue<
   /** Custom UI component to display AudioRecorder in MessageInput, defaults to and accepts same props as: [AudioRecorder](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/AudioRecorder.tsx) */
   AudioRecorder?: React.ComponentType;
   /** Optional UI component to override the default suggestion Item component, defaults to and accepts same props as: [Item](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/Item.js) */
-  AutocompleteSuggestionItem?: React.ComponentType<SuggestionItemProps<StreamChatGenerics>>;
+  AutocompleteSuggestionItem?: React.ComponentType<
+    SuggestionItemProps<StreamChatGenerics>
+  >;
   /** Optional UI component to override the default List component that displays suggestions, defaults to and accepts same props as: [List](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/List.js) */
-  AutocompleteSuggestionList?: React.ComponentType<SuggestionListProps<StreamChatGenerics>>;
+  AutocompleteSuggestionList?: React.ComponentType<
+    SuggestionListProps<StreamChatGenerics>
+  >;
   /** UI component to display a user's avatar, defaults to and accepts same props as: [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) */
   Avatar?: React.ComponentType<AvatarProps<StreamChatGenerics>>;
   /** Custom UI component to display <img/> elements resp. a fallback in case of load error, defaults to and accepts same props as: [BaseImage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/BaseImage.tsx) */
@@ -87,7 +91,9 @@ export type ComponentContextValue<
   /** Custom UI component to display the slow mode cooldown timer, defaults to and accepts same props as: [CooldownTimer](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/CooldownTimer.tsx) */
   CooldownTimer?: React.ComponentType<CooldownTimerProps>;
   /** Custom UI component to render set of buttons to be displayed in the MessageActionsBox, defaults to and accepts same props as: [CustomMessageActionsList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageActions/CustomMessageActionsList.tsx) */
-  CustomMessageActionsList?: React.ComponentType<CustomMessageActionsListProps<StreamChatGenerics>>;
+  CustomMessageActionsList?: React.ComponentType<
+    CustomMessageActionsListProps<StreamChatGenerics>
+  >;
   /** Custom UI component for date separators, defaults to and accepts same props as: [DateSeparator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/DateSeparator.tsx) */
   DateSeparator?: React.ComponentType<DateSeparatorProps>;
   /** Custom UI component to override default edit message input, defaults to and accepts same props as: [EditMessageForm](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/EditMessageForm.tsx) */
@@ -157,13 +163,17 @@ export type ComponentContextValue<
   /** Custom UI component to override quoted message UI on a sent message, defaults to and accepts same props as: [QuotedMessage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/QuotedMessage.tsx) */
   QuotedMessage?: React.ComponentType;
   /** Custom UI component to override the message input's quoted message preview, defaults to and accepts same props as: [QuotedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/QuotedMessagePreview.tsx) */
-  QuotedMessagePreview?: React.ComponentType<QuotedMessagePreviewProps<StreamChatGenerics>>;
+  QuotedMessagePreview?: React.ComponentType<
+    QuotedMessagePreviewProps<StreamChatGenerics>
+  >;
   /** Custom UI component to override the rendering of quoted poll, defaults to and accepts same props as: [QuotedPoll](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/QuotedPoll.tsx) */
   QuotedPoll?: React.ComponentType;
   /** Custom reaction options to be applied to ReactionSelector, ReactionList and SimpleReactionList components */
   reactionOptions?: ReactionOptions;
   /** Custom UI component to display the reaction selector, defaults to and accepts same props as: [ReactionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/ReactionSelector.tsx) */
-  ReactionSelector?: React.ForwardRefExoticComponent<ReactionSelectorProps<StreamChatGenerics>>;
+  ReactionSelector?: React.ForwardRefExoticComponent<
+    ReactionSelectorProps<StreamChatGenerics>
+  >;
   /** Custom UI component to display the list of reactions on a message, defaults to and accepts same props as: [ReactionsList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/ReactionsList.tsx) */
   ReactionsList?: React.ComponentType<ReactionsListProps<StreamChatGenerics>>;
   RecordingPermissionDeniedNotification?: React.ComponentType<RecordingPermissionDeniedNotificationProps>;
@@ -203,28 +213,29 @@ export const ComponentContext = React.createContext<ComponentContextValue>({});
 
 export const ComponentProvider = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >({
   children,
   value,
 }: PropsWithChildren<{
   value: Partial<ComponentContextValue<StreamChatGenerics, V>>;
 }>) => (
-  <ComponentContext.Provider value={(value as unknown) as ComponentContextValue}>
+  <ComponentContext.Provider value={value as unknown as ComponentContextValue}>
     {children}
   </ComponentContext.Provider>
 );
 
 export const useComponentContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   /**
    * @deprecated
    */
-  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _componentName?: string,
-) => (useContext(ComponentContext) as unknown) as ComponentContextValue<StreamChatGenerics, V>;
+) =>
+  useContext(ComponentContext) as unknown as ComponentContextValue<StreamChatGenerics, V>;
 
 /**
  * Typescript currently does not support partial inference, so if ComponentContext
@@ -234,7 +245,7 @@ export const useComponentContext = <
 export const withComponentContext = <
   P extends UnknownType,
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   Component: React.ComponentType<P>,
 ) => {
diff --git a/src/context/DialogManagerContext.tsx b/src/context/DialogManagerContext.tsx
index b1f14126d9..ef49bccc5e 100644
--- a/src/context/DialogManagerContext.tsx
+++ b/src/context/DialogManagerContext.tsx
@@ -10,7 +10,10 @@ const DialogManagerProviderContext = React.createContext<
   DialogManagerProviderContextValue | undefined
 >(undefined);
 
-export const DialogManagerProvider = ({ children, id }: PropsWithChildren<{ id?: string }>) => {
+export const DialogManagerProvider = ({
+  children,
+  id,
+}: PropsWithChildren<{ id?: string }>) => {
   const [dialogManager] = useState<DialogManager>(() => new DialogManager({ id }));
 
   return (
diff --git a/src/context/MessageBounceContext.tsx b/src/context/MessageBounceContext.tsx
index 7bd50e32ec..7e06e650c1 100644
--- a/src/context/MessageBounceContext.tsx
+++ b/src/context/MessageBounceContext.tsx
@@ -1,4 +1,10 @@
-import React, { createContext, ReactEventHandler, useCallback, useContext, useMemo } from 'react';
+import React, {
+  createContext,
+  ReactEventHandler,
+  useCallback,
+  useContext,
+  useMemo,
+} from 'react';
 import { useMessageContext } from './MessageContext';
 import { DefaultStreamChatGenerics, PropsWithChildrenOnly } from '../types/types';
 import { StreamMessage } from './ChannelStateContext';
@@ -6,7 +12,7 @@ import { useChannelActionContext } from './ChannelActionContext';
 import { isMessageBounced } from '../components';
 
 export interface MessageBounceContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > {
   handleDelete: ReactEventHandler;
   handleEdit: ReactEventHandler;
@@ -14,10 +20,12 @@ export interface MessageBounceContextValue<
   message: StreamMessage<StreamChatGenerics>;
 }
 
-const MessageBounceContext = createContext<MessageBounceContextValue | undefined>(undefined);
+const MessageBounceContext = createContext<MessageBounceContextValue | undefined>(
+  undefined,
+);
 
 export function useMessageBounceContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(componentName?: string) {
   const contextValue = useContext(MessageBounceContext);
 
@@ -33,7 +41,7 @@ export function useMessageBounceContext<
 }
 
 export function MessageBounceProvider<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({ children }: PropsWithChildrenOnly) {
   const {
     handleRetry: doHandleRetry,
@@ -74,5 +82,9 @@ export function MessageBounceProvider<
     [handleDelete, handleEdit, handleRetry, message],
   );
 
-  return <MessageBounceContext.Provider value={value}>{children}</MessageBounceContext.Provider>;
+  return (
+    <MessageBounceContext.Provider value={value}>
+      {children}
+    </MessageBounceContext.Provider>
+  );
 }
diff --git a/src/context/MessageContext.tsx b/src/context/MessageContext.tsx
index 74e6d7a77e..063b4b7d10 100644
--- a/src/context/MessageContext.tsx
+++ b/src/context/MessageContext.tsx
@@ -21,7 +21,7 @@ import type { RenderTextOptions } from '../components/Message/renderText';
 import type { DefaultStreamChatGenerics, UnknownType } from '../types/types';
 
 export type CustomMessageActions<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   [key: string]: (
     message: StreamMessage<StreamChatGenerics>,
@@ -30,7 +30,7 @@ export type CustomMessageActions<
 };
 
 export type MessageContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** If actions such as edit, delete, flag, mute are enabled on Message */
   actionsEnabled: boolean;
@@ -65,7 +65,10 @@ export type MessageContextValue<
   /** Function to pin a Message in a Channel */
   handlePin: ReactEventHandler;
   /** Function to post a reaction on a Message */
-  handleReaction: (reactionType: string, event: React.BaseSyntheticEvent) => Promise<void>;
+  handleReaction: (
+    reactionType: string,
+    event: React.BaseSyntheticEvent,
+  ) => Promise<void>;
   /** Function to retry sending a Message */
   handleRetry: ChannelActionContextValue<StreamChatGenerics>['retrySendMessage'];
   /** Function that returns whether the Message belongs to the current user */
@@ -140,25 +143,27 @@ export type MessageContextValue<
   unsafeHTML?: boolean;
 };
 
-export const MessageContext = React.createContext<MessageContextValue | undefined>(undefined);
+export const MessageContext = React.createContext<MessageContextValue | undefined>(
+  undefined,
+);
 
 export const MessageProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   value,
 }: PropsWithChildren<{
   value: MessageContextValue<StreamChatGenerics>;
 }>) => (
-  <MessageContext.Provider value={(value as unknown) as MessageContextValue}>
+  <MessageContext.Provider value={value as unknown as MessageContextValue}>
     {children}
   </MessageContext.Provider>
 );
 
 export const useMessageContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _componentName?: string,
 ) => {
   const contextValue = useContext(MessageContext);
@@ -167,7 +172,7 @@ export const useMessageContext = <
     return {} as MessageContextValue<StreamChatGenerics>;
   }
 
-  return (contextValue as unknown) as MessageContextValue<StreamChatGenerics>;
+  return contextValue as unknown as MessageContextValue<StreamChatGenerics>;
 };
 
 /**
@@ -177,7 +182,7 @@ export const useMessageContext = <
  */
 export const withMessageContext = <
   P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
 ) => {
diff --git a/src/context/MessageInputContext.tsx b/src/context/MessageInputContext.tsx
index 0869fd9922..95228c9ecb 100644
--- a/src/context/MessageInputContext.tsx
+++ b/src/context/MessageInputContext.tsx
@@ -13,7 +13,7 @@ import type { CustomTrigger, DefaultStreamChatGenerics } from '../types/types';
 
 export type MessageInputContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 > = MessageInputState<StreamChatGenerics> &
   MessageInputHookProps<StreamChatGenerics> &
   Omit<MessageInputProps<StreamChatGenerics, V>, 'Input'> &
@@ -28,7 +28,7 @@ export const MessageInputContext = createContext<
 
 export const MessageInputContextProvider = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >({
   children,
   value,
@@ -42,7 +42,7 @@ export const MessageInputContextProvider = <
 
 export const useMessageInputContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-  V extends CustomTrigger = CustomTrigger
+  V extends CustomTrigger = CustomTrigger,
 >(
   componentName?: string,
 ) => {
diff --git a/src/context/MessageListContext.tsx b/src/context/MessageListContext.tsx
index 3352459d50..37af099858 100644
--- a/src/context/MessageListContext.tsx
+++ b/src/context/MessageListContext.tsx
@@ -7,7 +7,9 @@ export type MessageListContextValue = {
   scrollToBottom: () => void;
 };
 
-export const MessageListContext = createContext<MessageListContextValue | undefined>(undefined);
+export const MessageListContext = createContext<MessageListContextValue | undefined>(
+  undefined,
+);
 
 /**
  * Context provider for components rendered within the `MessageList`
diff --git a/src/context/PollContext.tsx b/src/context/PollContext.tsx
index 229287611b..9d67d19f00 100644
--- a/src/context/PollContext.tsx
+++ b/src/context/PollContext.tsx
@@ -3,7 +3,7 @@ import type { Poll } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../types';
 
 export type PollContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   poll: Poll<StreamChatGenerics>;
 };
@@ -11,7 +11,7 @@ export type PollContextValue<
 export const PollContext = React.createContext<PollContextValue | undefined>(undefined);
 
 export const PollProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   poll,
@@ -19,14 +19,14 @@ export const PollProvider = <
   poll: Poll<StreamChatGenerics>;
 }>) =>
   poll ? (
-    <PollContext.Provider value={({ poll } as unknown) as PollContextValue}>
+    <PollContext.Provider value={{ poll } as unknown as PollContextValue}>
       {children}
     </PollContext.Provider>
   ) : null;
 
 export const usePollContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >() => {
   const contextValue = useContext(PollContext);
-  return (contextValue as unknown) as PollContextValue<StreamChatGenerics>;
+  return contextValue as unknown as PollContextValue<StreamChatGenerics>;
 };
diff --git a/src/context/TranslationContext.tsx b/src/context/TranslationContext.tsx
index 974664d33e..0b23dba8fd 100644
--- a/src/context/TranslationContext.tsx
+++ b/src/context/TranslationContext.tsx
@@ -51,7 +51,9 @@ export const useTranslationContext = (componentName?: string) => {
 export const withTranslationContext = <P extends UnknownType>(
   Component: React.ComponentType<P>,
 ) => {
-  const WithTranslationContextComponent = (props: Omit<P, keyof TranslationContextValue>) => {
+  const WithTranslationContextComponent = (
+    props: Omit<P, keyof TranslationContextValue>,
+  ) => {
     const translationContext = useTranslationContext();
 
     return <Component {...(props as P)} {...translationContext} />;
diff --git a/src/context/TypingContext.tsx b/src/context/TypingContext.tsx
index 73d7b56fc0..0d7e804515 100644
--- a/src/context/TypingContext.tsx
+++ b/src/context/TypingContext.tsx
@@ -5,28 +5,30 @@ import type { ChannelState as StreamChannelState } from 'stream-chat';
 import type { DefaultStreamChatGenerics, UnknownType } from '../types/types';
 
 export type TypingContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   typing?: StreamChannelState<StreamChatGenerics>['typing'];
 };
 
-export const TypingContext = React.createContext<TypingContextValue | undefined>(undefined);
+export const TypingContext = React.createContext<TypingContextValue | undefined>(
+  undefined,
+);
 
 export const TypingProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   children,
   value,
 }: PropsWithChildren<{
   value: TypingContextValue<StreamChatGenerics>;
 }>) => (
-  <TypingContext.Provider value={(value as unknown) as TypingContextValue}>
+  <TypingContext.Provider value={value as unknown as TypingContextValue}>
     {children}
   </TypingContext.Provider>
 );
 
 export const useTypingContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   componentName?: string,
 ) => {
@@ -50,7 +52,7 @@ export const useTypingContext = <
  */
 export const withTypingContext = <
   P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
 ) => {
diff --git a/src/context/VirtualizedMessageListContext.tsx b/src/context/VirtualizedMessageListContext.tsx
index 1d6c119431..22fd55281e 100644
--- a/src/context/VirtualizedMessageListContext.tsx
+++ b/src/context/VirtualizedMessageListContext.tsx
@@ -18,7 +18,9 @@ export const VirtualizedMessageListContextProvider = ({
 }: PropsWithChildren<{
   value: VirtualizedMessageListContextValue;
 }>) => (
-  <VirtualizedMessageListContext.Provider value={value as VirtualizedMessageListContextValue}>
+  <VirtualizedMessageListContext.Provider
+    value={value as VirtualizedMessageListContextValue}
+  >
     {children}
   </VirtualizedMessageListContext.Provider>
 );
diff --git a/src/context/WithComponents.tsx b/src/context/WithComponents.tsx
index 6b55e83fb7..6230a27fdb 100644
--- a/src/context/WithComponents.tsx
+++ b/src/context/WithComponents.tsx
@@ -7,5 +7,9 @@ export function WithComponents({
 }: PropsWithChildren<{ overrides: Partial<ComponentContextValue> }>) {
   const parentOverrides = useContext(ComponentContext);
   const actualOverrides: ComponentContextValue = { ...parentOverrides, ...overrides };
-  return <ComponentContext.Provider value={actualOverrides}>{children}</ComponentContext.Provider>;
+  return (
+    <ComponentContext.Provider value={actualOverrides}>
+      {children}
+    </ComponentContext.Provider>
+  );
 }
diff --git a/src/context/utils/getDisplayName.ts b/src/context/utils/getDisplayName.ts
index 9c18810bd5..3ca577192f 100644
--- a/src/context/utils/getDisplayName.ts
+++ b/src/context/utils/getDisplayName.ts
@@ -1,4 +1,5 @@
 import type { UnknownType } from '../../types/types';
 
-export const getDisplayName = <P extends UnknownType>(Component: React.ComponentType<P>) =>
-  Component.displayName || Component.name || 'Component';
+export const getDisplayName = <P extends UnknownType>(
+  Component: React.ComponentType<P>,
+) => Component.displayName || Component.name || 'Component';
diff --git a/src/experimental/MessageActions/MessageActions.tsx b/src/experimental/MessageActions/MessageActions.tsx
index 47da9e86a2..1fc48da0e7 100644
--- a/src/experimental/MessageActions/MessageActions.tsx
+++ b/src/experimental/MessageActions/MessageActions.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable sort-keys */
 import clsx from 'clsx';
 import React, { PropsWithChildren, useState } from 'react';
 
@@ -14,10 +13,7 @@ import { defaultMessageActionSet } from './defaults';
 export type MessageActionSetItem = {
   Component: React.ComponentType;
   placement: 'quick' | 'dropdown';
-  type:
-    | keyof typeof MESSAGE_ACTIONS
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    | (string & {});
+  type: keyof typeof MESSAGE_ACTIONS | (string & {});
 };
 
 export type MessageActionsProps = {
@@ -38,16 +34,17 @@ export const MessageActions = ({
   const { theme } = useChatContext();
   const { isMyMessage, message } = useMessageContext();
   const { t } = useTranslationContext();
-  const [actionsBoxButtonElement, setActionsBoxButtonElement] = useState<HTMLButtonElement | null>(
-    null,
-  );
+  const [actionsBoxButtonElement, setActionsBoxButtonElement] =
+    useState<HTMLButtonElement | null>(null);
 
   const filteredMessageActionSet = useBaseMessageActionSetFilter(
     messageActionSet,
     disableBaseMessageActionSetFilter,
   );
 
-  const { dropdownActionSet, quickActionSet } = useSplitMessageActionSet(filteredMessageActionSet);
+  const { dropdownActionSet, quickActionSet } = useSplitMessageActionSet(
+    filteredMessageActionSet,
+  );
 
   const dropdownDialogId = `message-actions--${message.id}`;
   const reactionSelectorDialogId = `reaction-selector--${message.id}`;
@@ -63,7 +60,8 @@ export const MessageActions = ({
   return (
     <div
       className={clsx(`str-chat__message-${theme}__actions str-chat__message-options`, {
-        'str-chat__message-options--active': dropdownDialogIsOpen || reactionSelectorDialogIsOpen,
+        'str-chat__message-options--active':
+          dropdownDialogIsOpen || reactionSelectorDialogIsOpen,
       })}
     >
       {dropdownActionSet.length > 0 && (
diff --git a/src/experimental/MessageActions/defaults.tsx b/src/experimental/MessageActions/defaults.tsx
index fb6ee10bee..36fa2f9fe4 100644
--- a/src/experimental/MessageActions/defaults.tsx
+++ b/src/experimental/MessageActions/defaults.tsx
@@ -2,7 +2,10 @@
 import React from 'react';
 
 import { isUserMuted } from '../../components';
-import { ReactionIcon as DefaultReactionIcon, ThreadIcon } from '../../components/Message/icons';
+import {
+  ReactionIcon as DefaultReactionIcon,
+  ThreadIcon,
+} from '../../components/Message/icons';
 import { ReactionSelectorWithButton } from '../../components/Reactions/ReactionSelectorWithButton';
 import {
   useChannelActionContext,
@@ -139,17 +142,41 @@ const DefaultMessageActionComponents = {
 
 export const defaultMessageActionSet: MessageActionSetItem[] = [
   // { placement: 'dropdown', type: 'block' },
-  { Component: DefaultMessageActionComponents.quick.Reply, placement: 'quick', type: 'reply' },
-  { Component: DefaultMessageActionComponents.quick.React, placement: 'quick', type: 'react' },
+  {
+    Component: DefaultMessageActionComponents.quick.Reply,
+    placement: 'quick',
+    type: 'reply',
+  },
+  {
+    Component: DefaultMessageActionComponents.quick.React,
+    placement: 'quick',
+    type: 'react',
+  },
   {
     Component: DefaultMessageActionComponents.dropdown.Delete,
     placement: 'dropdown',
     type: 'delete',
   },
-  { Component: DefaultMessageActionComponents.dropdown.Edit, placement: 'dropdown', type: 'edit' },
-  { Component: DefaultMessageActionComponents.dropdown.Mute, placement: 'dropdown', type: 'mute' },
-  { Component: DefaultMessageActionComponents.dropdown.Flag, placement: 'dropdown', type: 'flag' },
-  { Component: DefaultMessageActionComponents.dropdown.Pin, placement: 'dropdown', type: 'pin' },
+  {
+    Component: DefaultMessageActionComponents.dropdown.Edit,
+    placement: 'dropdown',
+    type: 'edit',
+  },
+  {
+    Component: DefaultMessageActionComponents.dropdown.Mute,
+    placement: 'dropdown',
+    type: 'mute',
+  },
+  {
+    Component: DefaultMessageActionComponents.dropdown.Flag,
+    placement: 'dropdown',
+    type: 'flag',
+  },
+  {
+    Component: DefaultMessageActionComponents.dropdown.Pin,
+    placement: 'dropdown',
+    type: 'pin',
+  },
   {
     Component: DefaultMessageActionComponents.dropdown.Quote,
     placement: 'dropdown',
diff --git a/src/experimental/MessageActions/hooks/useBaseMessageActionSetFilter.ts b/src/experimental/MessageActions/hooks/useBaseMessageActionSetFilter.ts
index 01fd927024..781decc211 100644
--- a/src/experimental/MessageActions/hooks/useBaseMessageActionSetFilter.ts
+++ b/src/experimental/MessageActions/hooks/useBaseMessageActionSetFilter.ts
@@ -45,7 +45,8 @@ export const useBaseMessageActionSetFilter = (
 
     return messageActionSet.filter(({ type }: MessageActionSetItem) => {
       // filter out actions with types that do not work in thread
-      if (ACTIONS_NOT_WORKING_IN_THREAD.includes(type) && isMessageThreadReply) return false;
+      if (ACTIONS_NOT_WORKING_IN_THREAD.includes(type) && isMessageThreadReply)
+        return false;
 
       if (
         (type === 'delete' && !canDelete) ||
diff --git a/src/i18n/Streami18n.ts b/src/i18n/Streami18n.ts
index 33db90c939..5bc3e0ad5b 100644
--- a/src/i18n/Streami18n.ts
+++ b/src/i18n/Streami18n.ts
@@ -228,7 +228,15 @@ const en_locale = {
     'December',
   ],
   relativeTime: {},
-  weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+  weekdays: [
+    'Sunday',
+    'Monday',
+    'Tuesday',
+    'Wednesday',
+    'Thursday',
+    'Friday',
+    'Saturday',
+  ],
 };
 
 type DateTimeParserModule = typeof Dayjs | typeof momentTimezone;
@@ -579,7 +587,8 @@ export class Streami18n {
 
     this.tDateTimeParser = (timestamp) => {
       const language =
-        finalOptions.disableDateTimeTranslations || !this.localeExists(this.currentLanguage)
+        finalOptions.disableDateTimeTranslations ||
+        !this.localeExists(this.currentLanguage)
           ? defaultLng
           : this.currentLanguage;
 
@@ -659,7 +668,10 @@ export class Streami18n {
   async getTranslators() {
     if (!this.initialized) {
       if (this.dayjsLocales[this.currentLanguage]) {
-        this.addOrUpdateLocale(this.currentLanguage, this.dayjsLocales[this.currentLanguage]);
+        this.addOrUpdateLocale(
+          this.currentLanguage,
+          this.dayjsLocales[this.currentLanguage],
+        );
       }
 
       return await this.init();
@@ -722,7 +734,10 @@ export class Streami18n {
     try {
       const t = await this.i18nInstance.changeLanguage(language);
       if (this.dayjsLocales[language]) {
-        this.addOrUpdateLocale(this.currentLanguage, this.dayjsLocales[this.currentLanguage]);
+        this.addOrUpdateLocale(
+          this.currentLanguage,
+          this.dayjsLocales[this.currentLanguage],
+        );
       }
 
       this.setLanguageCallback(t);
diff --git a/src/i18n/__tests__/Streami18n.test.js b/src/i18n/__tests__/Streami18n.test.js
index 99db652bd5..2621592a8c 100644
--- a/src/i18n/__tests__/Streami18n.test.js
+++ b/src/i18n/__tests__/Streami18n.test.js
@@ -9,11 +9,15 @@ import localeData from 'dayjs/plugin/localeData';
 Dayjs.extend(localeData);
 
 const customDayjsLocaleConfig = {
-  months: 'januar_februar_mars_apríl_mai_juni_juli_august_september_oktober_november_desember'.split(
-    '_',
-  ),
+  months:
+    'januar_februar_mars_apríl_mai_juni_juli_august_september_oktober_november_desember'.split(
+      '_',
+    ),
   monthsShort: 'jan_feb_mar_apr_mai_jun_jul_aug_sep_okt_nov_des'.split('_'),
-  weekdays: 'sunnudagur_mánadagur_týsdagur_mikudagur_hósdagur_fríggjadagur_leygardagur'.split('_'),
+  weekdays:
+    'sunnudagur_mánadagur_týsdagur_mikudagur_hósdagur_fríggjadagur_leygardagur'.split(
+      '_',
+    ),
   weekdaysShort: 'sun_mán_týs_mik_hós_frí_ley'.split('_'),
   weekdaysMin: 'su_má_tý_mi_hó_fr_le'.split('_'),
   formats: {
@@ -87,7 +91,10 @@ describe('Streami18n instance - with built-in langauge', () => {
     it('should provide dutch translator', async () => {
       const { t: _t } = await streami18n.getTranslators();
       for (const key in nlTranslations) {
-        if ((key.includes('{{') && key.includes('}}')) || typeof nlTranslations[key] !== 'string') {
+        if (
+          (key.includes('{{') && key.includes('}}')) ||
+          typeof nlTranslations[key] !== 'string'
+        ) {
           continue;
         }
 
@@ -111,7 +118,10 @@ describe('Streami18n instance - with built-in langauge', () => {
     it('should provide dutch translator', async () => {
       const { t: _t } = await streami18n.getTranslators();
       for (const key in nlTranslations) {
-        if ((key.includes('{{') && key.includes('}}')) || typeof nlTranslations[key] !== 'string') {
+        if (
+          (key.includes('{{') && key.includes('}}')) ||
+          typeof nlTranslations[key] !== 'string'
+        ) {
           continue;
         }
 
@@ -140,7 +150,9 @@ describe('Streami18n instance - with built-in langauge', () => {
       for (const key in streami18nOptions.dayjsLocaleConfigForLanguage) {
         if (localeConfig[key]) {
           expect(
-            typeof localeConfig[key] === 'function' ? localeConfig[key]() : localeConfig[key],
+            typeof localeConfig[key] === 'function'
+              ? localeConfig[key]()
+              : localeConfig[key],
           ).toStrictEqual(streami18nOptions.dayjsLocaleConfigForLanguage[key]);
         }
       }
@@ -209,7 +221,9 @@ describe('registerTranslation - register new language `mr` (Marathi) ', () => {
     for (const key in customDayjsLocaleConfig) {
       if (localeConfig[key]) {
         expect(customDayjsLocaleConfig[key]).toStrictEqual(
-          typeof localeConfig[key] === 'function' ? localeConfig[key]() : localeConfig[key],
+          typeof localeConfig[key] === 'function'
+            ? localeConfig[key]()
+            : localeConfig[key],
         );
       }
     }
@@ -225,7 +239,10 @@ describe('setLanguage - switch to french', () => {
 
     const { t: _t } = await streami18n.getTranslators();
     for (const key in frTranslations) {
-      if ((key.includes('{{') && key.includes('}}')) || typeof nlTranslations[key] !== 'string') {
+      if (
+        (key.includes('{{') && key.includes('}}')) ||
+        typeof nlTranslations[key] !== 'string'
+      ) {
         continue;
       }
 
@@ -242,13 +259,20 @@ describe('Streami18n timezone', () => {
     it('is by default the local timezone', () => {
       const streamI18n = new Streami18n({ DateTimeParser: module });
       const date = new Date();
-      expect(streamI18n.tDateTimeParser(date).format('H')).toBe(date.getHours().toString());
+      expect(streamI18n.tDateTimeParser(date).format('H')).toBe(
+        date.getHours().toString(),
+      );
     });
 
     it('can be set to different timezone on init', () => {
-      const streamI18n = new Streami18n({ DateTimeParser: module, timezone: 'Europe/Prague' });
+      const streamI18n = new Streami18n({
+        DateTimeParser: module,
+        timezone: 'Europe/Prague',
+      });
       const date = new Date();
-      expect(streamI18n.tDateTimeParser(date).format('H')).not.toBe(date.getHours().toString());
+      expect(streamI18n.tDateTimeParser(date).format('H')).not.toBe(
+        date.getHours().toString(),
+      );
       expect(streamI18n.tDateTimeParser(date).format('H')).not.toBe(
         (date.getUTCHours() - 2).toString(),
       );
@@ -258,9 +282,14 @@ describe('Streami18n timezone', () => {
       const tz = module.tz;
       delete module.tz;
 
-      const streamI18n = new Streami18n({ DateTimeParser: module, timezone: 'Europe/Prague' });
+      const streamI18n = new Streami18n({
+        DateTimeParser: module,
+        timezone: 'Europe/Prague',
+      });
       const date = new Date();
-      expect(streamI18n.tDateTimeParser(date).format('H')).toBe(date.getHours().toString());
+      expect(streamI18n.tDateTimeParser(date).format('H')).toBe(
+        date.getHours().toString(),
+      );
 
       module.tz = tz;
     });
diff --git a/src/i18n/__tests__/utils.test.js b/src/i18n/__tests__/utils.test.js
index 997d2ba3ab..ad08eca779 100644
--- a/src/i18n/__tests__/utils.test.js
+++ b/src/i18n/__tests__/utils.test.js
@@ -202,10 +202,22 @@ describe('getDateString', () => {
   });
   it.each([
     ['all enabled', { calendar: true, calendarFormats: { x: 'y' }, format: 'hh:mm A' }],
-    ['calendar disabled', { calendar: false, calendarFormats: { x: 'y' }, format: 'hh:mm A' }],
-    ['calendar formats omitted', { calendar: true, calendarFormats: undefined, format: 'hh:mm A' }],
-    ['only format provided', { calendar: false, calendarFormats: undefined, format: 'hh:mm A' }],
-    ['format undefined', { calendar: true, calendarFormats: { x: 'y' }, format: undefined }],
+    [
+      'calendar disabled',
+      { calendar: false, calendarFormats: { x: 'y' }, format: 'hh:mm A' },
+    ],
+    [
+      'calendar formats omitted',
+      { calendar: true, calendarFormats: undefined, format: 'hh:mm A' },
+    ],
+    [
+      'only format provided',
+      { calendar: false, calendarFormats: undefined, format: 'hh:mm A' },
+    ],
+    [
+      'format undefined',
+      { calendar: true, calendarFormats: { x: 'y' }, format: undefined },
+    ],
     [
       'calendar disabled and format undefined',
       { calendar: false, calendarFormats: { x: 'y' }, format: undefined },
@@ -218,7 +230,10 @@ describe('getDateString', () => {
       'calendar disabled and rest undefined',
       { calendar: false, calendarFormats: undefined, format: undefined },
     ],
-    ['calendar undefined', { calendar: undefined, calendarFormats: { x: 'y' }, format: 'hh:mm A' }],
+    [
+      'calendar undefined',
+      { calendar: undefined, calendarFormats: { x: 'y' }, format: 'hh:mm A' },
+    ],
     [
       'calendar and calendar formats undefined',
       { calendar: undefined, calendarFormats: undefined, format: 'hh:mm A' },
@@ -227,7 +242,10 @@ describe('getDateString', () => {
       'calendar and format undefined',
       { calendar: undefined, calendarFormats: { x: 'y' }, format: undefined },
     ],
-    ['all undefined', { calendar: undefined, calendarFormats: undefined, format: undefined }],
+    [
+      'all undefined',
+      { calendar: undefined, calendarFormats: undefined, format: undefined },
+    ],
   ])(
     'applies formatting via translation service with translation formatting params %s',
     (_, params) => {
@@ -280,7 +298,9 @@ describe('predefinedFormatters', () => {
         ).toBeFalsy();
       });
       it('should log error parsing invalid calendarFormats', () => {
-        const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementationOnce(() => null);
+        const consoleErrorSpy = jest
+          .spyOn(console, 'error')
+          .mockImplementationOnce(() => null);
         timestampFormatter(yesterday, 'en', { calendar: true, calendarFormats: '}' });
         expect(consoleErrorSpy.mock.calls[0][0]).toBe('[TIMESTAMP FORMATTER]');
         expect(
diff --git a/src/i18n/utils.ts b/src/i18n/utils.ts
index 978fd09cd9..99a5a0be86 100644
--- a/src/i18n/utils.ts
+++ b/src/i18n/utils.ts
@@ -16,11 +16,13 @@ export const notValidDateWarning =
 export const noParsingFunctionWarning =
   'MessageTimestamp was called but there is no datetime parsing function available';
 
-export const isNumberOrString = (output: TDateTimeParserOutput): output is number | string =>
-  typeof output === 'string' || typeof output === 'number';
+export const isNumberOrString = (
+  output: TDateTimeParserOutput,
+): output is number | string => typeof output === 'string' || typeof output === 'number';
 
-export const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>
-  !!(output as Dayjs.Dayjs | Moment)?.isSame;
+export const isDayOrMoment = (
+  output: TDateTimeParserOutput,
+): output is Dayjs.Dayjs | Moment => !!(output as Dayjs.Dayjs | Moment)?.isSame;
 
 export const isDate = (output: TDateTimeParserOutput): output is Date =>
   !!(output as Date)?.getMonth;
@@ -91,47 +93,65 @@ export function getDateString({
 }
 
 export const predefinedFormatters: PredefinedFormatters = {
-  timestampFormatter: (streamI18n) => (
-    value,
-    _,
-    {
-      calendarFormats,
-      ...options
-    }: Pick<TimestampFormatterOptions, 'calendar' | 'format'> & {
-      calendarFormats?: Record<string, string> | string;
-    },
-  ) => {
-    let parsedCalendarFormats;
-    try {
-      if (!options.calendar) {
-        parsedCalendarFormats = {};
-      } else if (typeof calendarFormats === 'string') {
-        parsedCalendarFormats = JSON.parse(calendarFormats);
-      } else if (typeof calendarFormats === 'object') {
-        parsedCalendarFormats = calendarFormats;
+  timestampFormatter:
+    (streamI18n) =>
+    (
+      value,
+      _,
+      {
+        calendarFormats,
+        ...options
+      }: Pick<TimestampFormatterOptions, 'calendar' | 'format'> & {
+        calendarFormats?: Record<string, string> | string;
+      },
+    ) => {
+      let parsedCalendarFormats;
+      try {
+        if (!options.calendar) {
+          parsedCalendarFormats = {};
+        } else if (typeof calendarFormats === 'string') {
+          parsedCalendarFormats = JSON.parse(calendarFormats);
+        } else if (typeof calendarFormats === 'object') {
+          parsedCalendarFormats = calendarFormats;
+        }
+      } catch (e) {
+        console.error('[TIMESTAMP FORMATTER]', e);
       }
-    } catch (e) {
-      console.error('[TIMESTAMP FORMATTER]', e);
-    }
 
-    const result = getDateString({
-      ...options,
-      calendarFormats: parsedCalendarFormats,
-      messageCreatedAt: value,
-      tDateTimeParser: streamI18n.tDateTimeParser,
-    });
-    if (!result || typeof result === 'number') {
-      return JSON.stringify(value);
-    }
-    return result;
-  },
+      const result = getDateString({
+        ...options,
+        calendarFormats: parsedCalendarFormats,
+        messageCreatedAt: value,
+        tDateTimeParser: streamI18n.tDateTimeParser,
+      });
+      if (!result || typeof result === 'number') {
+        return JSON.stringify(value);
+      }
+      return result;
+    },
 };
 
-export const defaultTranslatorFunction: TFunction = <tResult = string>(key: tResult) => key;
+export const defaultTranslatorFunction: TFunction = <tResult = string>(key: tResult) =>
+  key;
 
 export const defaultDateTimeParser = (input?: TDateTimeParserInput) => Dayjs(input);
 
-export const isLanguageSupported = (language: string): language is SupportedTranslations => {
-  const translations = ['de', 'en', 'es', 'fr', 'hi', 'it', 'ja', 'ko', 'nl', 'pt', 'ru', 'tr'];
+export const isLanguageSupported = (
+  language: string,
+): language is SupportedTranslations => {
+  const translations = [
+    'de',
+    'en',
+    'es',
+    'fr',
+    'hi',
+    'it',
+    'ja',
+    'ko',
+    'nl',
+    'pt',
+    'ru',
+    'tr',
+  ];
   return translations.some((translation) => language === translation);
 };
diff --git a/src/mock-builders/__test__/translator.test.js b/src/mock-builders/__test__/translator.test.js
index aca34cb26b..fcfd63b3b0 100644
--- a/src/mock-builders/__test__/translator.test.js
+++ b/src/mock-builders/__test__/translator.test.js
@@ -10,11 +10,14 @@ describe('mockTranslatorFunction', () => {
     expect(result).toStrictEqual('test');
   });
   it('inserts multiple param values', () => {
-    const result = mockTranslatorFunction('{{ testKey1 }}, {{ testKey2 }}, and {{ testKey3 }}', {
-      testKey1: 'test1',
-      testKey2: 'test2',
-      testKey3: 'test3',
-    });
+    const result = mockTranslatorFunction(
+      '{{ testKey1 }}, {{ testKey2 }}, and {{ testKey3 }}',
+      {
+        testKey1: 'test1',
+        testKey2: 'test2',
+        testKey3: 'test3',
+      },
+    );
     expect(result).toStrictEqual('test1, test2, and test3');
   });
 });
diff --git a/src/mock-builders/api/index.js b/src/mock-builders/api/index.js
index f0b13293c0..46ecaf4fc6 100644
--- a/src/mock-builders/api/index.js
+++ b/src/mock-builders/api/index.js
@@ -9,7 +9,10 @@
  */
 export const useMockedApis = (client, apiResponses) => {
   apiResponses.forEach(({ response, type }) => {
-    jest.spyOn(client.axiosInstance, type).mockImplementation().mockResolvedValue(response);
+    jest
+      .spyOn(client.axiosInstance, type)
+      .mockImplementation()
+      .mockResolvedValue(response);
   });
 };
 
diff --git a/src/mock-builders/browser/AudioContext.js b/src/mock-builders/browser/AudioContext.js
index ae1b187cab..7ec5d4e5b5 100644
--- a/src/mock-builders/browser/AudioContext.js
+++ b/src/mock-builders/browser/AudioContext.js
@@ -4,6 +4,7 @@ class Connectable {
 }
 
 export class AudioContextMock {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   constructor() {}
 
   createAnalyser = jest.fn(() => new Connectable());
diff --git a/src/mock-builders/generator/attachment.js b/src/mock-builders/generator/attachment.js
index 21611da0fe..1516483b4c 100644
--- a/src/mock-builders/generator/attachment.js
+++ b/src/mock-builders/generator/attachment.js
@@ -45,7 +45,7 @@ export const generateLocalImageUploadAttachmentData = (overrides, attachmentData
     ...generateLocalFileUploadAttachmentData().localMetadata,
     previewUri: 'image-preview-uri',
     ...overrides,
-    // eslint-disable-next-line sort-keys
+
     file: generateImageFile(overrides?.file ?? {}),
   },
   type: 'image',
@@ -69,7 +69,8 @@ export const generateImageAttachment = (a) => ({
 });
 
 export const generateVideoAttachment = (a) => ({
-  asset_url: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
+  asset_url:
+    'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
   file_size: 2930530,
   mime_type: 'video/mp4',
   thumb_url: 'thumb_url',
@@ -96,106 +97,31 @@ export const generateVoiceRecordingAttachment = (a) => ({
   title: 'audio_recording_Mon Feb 05 16:21:34 PST 2024.aac',
   type: 'voiceRecording',
   waveform_data: [
-    0.3139950633049011,
-    0.24018539488315582,
-    0.27728691697120667,
-    0.2946733236312866,
-    0.18365363776683807,
-    0.4870237708091736,
-    0.5902017951011658,
-    0.43630164861679077,
-    0.4746025502681732,
-    0.2663217782974243,
-    0.7870231866836548,
-    0.6237155795097351,
-    0.36374375224113464,
-    0.2663217782974243,
-    0.6613287329673767,
-    0.8278987407684326,
-    0.1516059935092926,
-    0.37934044003486633,
-    0.5281689167022705,
-    0.47579875588417053,
-    0.48600485920906067,
-    0.6229274868965149,
-    0.4964161813259125,
-    0.4377916753292084,
-    0.5569855570793152,
-    0.5540405511856079,
-    0.4095909595489502,
-    0.747698187828064,
-    0.8532787561416626,
-    0.6344320178031921,
-    0.5756412744522095,
-    0.529367208480835,
-    0.8330334424972534,
-    0.8681668043136597,
-    0.6670080423355103,
-    0.7732296586036682,
-    0.7542996406555176,
-    0.6666833758354187,
-    0.4648399353027344,
-    0.4689463675022125,
-    0.515621542930603,
-    0.7782987952232361,
-    0.6618493795394897,
-    0.6291788220405579,
-    0.7447969317436218,
-    0.7329777479171753,
-    0.7156173586845398,
-    0.8810608386993408,
-    0.07107513397932053,
-    0.07438423484563828,
-    0.08600494265556335,
-    0.1429901123046875,
-    0.059566497802734375,
-    0.032375335693359375,
-    0.14445610344409943,
-    0.9534039497375488,
-    0.8612125515937805,
-    0.4861070513725281,
-    0.5025619864463806,
-    0.3678266108036041,
-    0.5829864144325256,
-    0.6209651231765747,
-    0.6576777696609497,
-    0.6046710014343262,
-    0.08803673088550568,
-    0.492523193359375,
-    0.1947961449623108,
-    0.09975242614746094,
-    0.03940269351005554,
-    0.372602641582489,
-    0.4425804913043976,
-    0.6269233226776123,
-    0.7768490314483643,
-    0.41689178347587585,
-    0.18697471916675568,
-    0.11767738312482834,
-    0.049776915460824966,
-    0.1377594769001007,
-    0.08291183412075043,
-    0.05717025697231293,
-    0.01960846036672592,
-    0.04073379561305046,
-    0.2909153699874878,
-    0.2615521252155304,
-    0.1473514586687088,
-    0.8678494095802307,
-    0.9467474222183228,
-    0.7687522768974304,
-    0.8469597101211548,
-    0.6312726736068726,
-    0.5455475449562073,
-    0.8171653747558594,
-    0.7835009694099426,
-    0.6183612942695618,
-    0.7298175692558289,
-    0.6681936383247375,
-    0.815593957901001,
-    0.7774609327316284,
-    0.8033567070960999,
-    0.8980446457862854,
+    0.3139950633049011, 0.24018539488315582, 0.27728691697120667, 0.2946733236312866,
+    0.18365363776683807, 0.4870237708091736, 0.5902017951011658, 0.43630164861679077,
+    0.4746025502681732, 0.2663217782974243, 0.7870231866836548, 0.6237155795097351,
+    0.36374375224113464, 0.2663217782974243, 0.6613287329673767, 0.8278987407684326,
+    0.1516059935092926, 0.37934044003486633, 0.5281689167022705, 0.47579875588417053,
+    0.48600485920906067, 0.6229274868965149, 0.4964161813259125, 0.4377916753292084,
+    0.5569855570793152, 0.5540405511856079, 0.4095909595489502, 0.747698187828064,
+    0.8532787561416626, 0.6344320178031921, 0.5756412744522095, 0.529367208480835,
+    0.8330334424972534, 0.8681668043136597, 0.6670080423355103, 0.7732296586036682,
+    0.7542996406555176, 0.6666833758354187, 0.4648399353027344, 0.4689463675022125,
+    0.515621542930603, 0.7782987952232361, 0.6618493795394897, 0.6291788220405579,
+    0.7447969317436218, 0.7329777479171753, 0.7156173586845398, 0.8810608386993408,
+    0.07107513397932053, 0.07438423484563828, 0.08600494265556335, 0.1429901123046875,
+    0.059566497802734375, 0.032375335693359375, 0.14445610344409943, 0.9534039497375488,
+    0.8612125515937805, 0.4861070513725281, 0.5025619864463806, 0.3678266108036041,
+    0.5829864144325256, 0.6209651231765747, 0.6576777696609497, 0.6046710014343262,
+    0.08803673088550568, 0.492523193359375, 0.1947961449623108, 0.09975242614746094,
+    0.03940269351005554, 0.372602641582489, 0.4425804913043976, 0.6269233226776123,
+    0.7768490314483643, 0.41689178347587585, 0.18697471916675568, 0.11767738312482834,
+    0.049776915460824966, 0.1377594769001007, 0.08291183412075043, 0.05717025697231293,
+    0.01960846036672592, 0.04073379561305046, 0.2909153699874878, 0.2615521252155304,
+    0.1473514586687088, 0.8678494095802307, 0.9467474222183228, 0.7687522768974304,
+    0.8469597101211548, 0.6312726736068726, 0.5455475449562073, 0.8171653747558594,
+    0.7835009694099426, 0.6183612942695618, 0.7298175692558289, 0.6681936383247375,
+    0.815593957901001, 0.7774609327316284, 0.8033567070960999, 0.8980446457862854,
   ],
   ...a,
 });
@@ -251,56 +177,49 @@ export const generateGiphyAttachment = (a) => ({
       frames: '',
       height: '200',
       size: '445149',
-      url:
-        'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200.gif&ct=g',
+      url: 'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200.gif&ct=g',
       width: '200',
     },
     fixed_height_downsampled: {
       frames: '',
       height: '200',
       size: '148168',
-      url:
-        'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200_d.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200_d.gif&ct=g',
+      url: 'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200_d.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200_d.gif&ct=g',
       width: '200',
     },
     fixed_height_still: {
       frames: '',
       height: '200',
       size: '23240',
-      url:
-        'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200_s.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200_s.gif&ct=g',
+      url: 'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200_s.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200_s.gif&ct=g',
       width: '200',
     },
     fixed_width: {
       frames: '',
       height: '200',
       size: '445149',
-      url:
-        'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200w.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200w.gif&ct=g',
+      url: 'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200w.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200w.gif&ct=g',
       width: '200',
     },
     fixed_width_downsampled: {
       frames: '',
       height: '200',
       size: '148168',
-      url:
-        'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200w_d.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200w_d.gif&ct=g',
+      url: 'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200w_d.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200w_d.gif&ct=g',
       width: '200',
     },
     fixed_width_still: {
       frames: '',
       height: '200',
       size: '23240',
-      url:
-        'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200w_s.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200w_s.gif&ct=g',
+      url: 'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/200w_s.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=200w_s.gif&ct=g',
       width: '200',
     },
     original: {
       frames: '20',
       height: '400',
       size: '1308571',
-      url:
-        'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/giphy.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=giphy.gif&ct=g',
+      url: 'https://media2.giphy.com/media/j5L4RHeV8Q5tmepRVb/giphy.gif?cid=c4b03675kgziudvt7s9990i28hp8zpffi4oyem1snvl7sfvl&rid=giphy.gif&ct=g',
       width: '400',
     },
   },
diff --git a/src/mock-builders/generator/channel.js b/src/mock-builders/generator/channel.js
index e19d01a5d0..035c768e79 100644
--- a/src/mock-builders/generator/channel.js
+++ b/src/mock-builders/generator/channel.js
@@ -4,6 +4,7 @@ export const generateChannel = (options = { channel: {} }) => {
   const { channel: optionsChannel, config, ...optionsBesidesChannel } = options;
   const id = optionsChannel?.id ?? nanoid();
   const type = optionsChannel?.type ?? 'messaging';
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const { id: _, type: __, ...restOptionsChannel } = optionsChannel ?? {};
 
   return {
@@ -11,10 +12,10 @@ export const generateChannel = (options = { channel: {} }) => {
     messages: [],
     pinnedMessages: [],
     ...optionsBesidesChannel,
-    // eslint-disable-next-line sort-keys
+
     channel: {
       cid: `${type}:${id}`,
-      // eslint-disable-next-line sort-keys
+
       config: {
         automod: 'disabled',
         automod_behavior: 'flag',
diff --git a/src/mock-builders/index.js b/src/mock-builders/index.js
index ada1049fc7..bad58123f0 100644
--- a/src/mock-builders/index.js
+++ b/src/mock-builders/index.js
@@ -1,4 +1,3 @@
-/* eslint-disable no-param-reassign */
 /* eslint-disable no-underscore-dangle */
 import { StreamChat } from 'stream-chat';
 import { nanoid } from 'nanoid';
diff --git a/src/mock-builders/utils.js b/src/mock-builders/utils.js
index 5cc6e61bbc..78ef4b2d15 100644
--- a/src/mock-builders/utils.js
+++ b/src/mock-builders/utils.js
@@ -1,4 +1,9 @@
-import { generateChannel, generateMember, generateMessage, generateUser } from './generator';
+import {
+  generateChannel,
+  generateMember,
+  generateMessage,
+  generateUser,
+} from './generator';
 import { getOrCreateChannelApi, getTestClientWithUser, useMockedApis } from './index';
 
 export async function createClientWithChannel(
@@ -45,11 +50,15 @@ export const initClientWithChannels = async ({ channelsData, customUser } = {})
         ...channelData,
       });
 
-      // eslint-disable-next-line react-hooks/rules-of-hooks
       useMockedApis(client, [getOrCreateChannelApi(mockedChannelData)]);
-      const channel = client.channel(mockedChannelData.channel.type, mockedChannelData.channel.id);
+      const channel = client.channel(
+        mockedChannelData.channel.type,
+        mockedChannelData.channel.id,
+      );
       await channel.watch();
-      jest.spyOn(channel, 'getConfig').mockImplementation(() => mockedChannelData.channel.config);
+      jest
+        .spyOn(channel, 'getConfig')
+        .mockImplementation(() => mockedChannelData.channel.config);
       return channel;
     }),
   );
diff --git a/src/plugins/Emojis/EmojiPicker.tsx b/src/plugins/Emojis/EmojiPicker.tsx
index 4146e0e914..0915c39751 100644
--- a/src/plugins/Emojis/EmojiPicker.tsx
+++ b/src/plugins/Emojis/EmojiPicker.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable typescript-sort-keys/interface */
 import React, { useEffect, useState } from 'react';
 import { usePopper } from 'react-popper';
 import Picker from '@emoji-mart/react';
@@ -38,7 +37,9 @@ export const EmojiPicker = (props: EmojiPickerProps) => {
   const { t } = useTranslationContext('EmojiPicker');
   const { insertText, textareaRef } = useMessageInputContext('EmojiPicker');
   const [displayPicker, setDisplayPicker] = useState(false);
-  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);
+  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(
+    null,
+  );
   const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);
   const { attributes, styles } = usePopper(referenceElement, popperElement, {
     placement: 'top-end',
diff --git a/src/plugins/encoders/mp3.ts b/src/plugins/encoders/mp3.ts
index 749e755688..adcc82c2a9 100644
--- a/src/plugins/encoders/mp3.ts
+++ b/src/plugins/encoders/mp3.ts
@@ -19,9 +19,9 @@ const float32ArrayToInt16Array = (float32Arr: Float32Array) => {
 };
 
 const splitDataByChannel = (audioBuffer: AudioBuffer) =>
-  Array.from({ length: audioBuffer.numberOfChannels }, (_, i) => audioBuffer.getChannelData(i)).map(
-    float32ArrayToInt16Array,
-  );
+  Array.from({ length: audioBuffer.numberOfChannels }, (_, i) =>
+    audioBuffer.getChannelData(i),
+  ).map(float32ArrayToInt16Array);
 
 export async function encodeToMp3(file: File, sampleRate: number) {
   const lameJs = await import('@breezystack/lamejs');
@@ -40,7 +40,9 @@ export async function encodeToMp3(file: File, sampleRate: number) {
     const [leftChannelBlock, rightChannelBlock] = dataByChannel.map((channel) =>
       channel.subarray(i, i + COUNT_SAMPLES_PER_ENCODED_BLOCK),
     );
-    dataBuffer.push(new Int8Array(mp3Encoder.encodeBuffer(leftChannelBlock, rightChannelBlock)));
+    dataBuffer.push(
+      new Int8Array(mp3Encoder.encodeBuffer(leftChannelBlock, rightChannelBlock)),
+    );
     remaining -= COUNT_SAMPLES_PER_ENCODED_BLOCK;
   }
 
diff --git a/src/store/hooks/useStateStore.ts b/src/store/hooks/useStateStore.ts
index 0e2b09c513..a74bfe9d1f 100644
--- a/src/store/hooks/useStateStore.ts
+++ b/src/store/hooks/useStateStore.ts
@@ -4,15 +4,15 @@ import type { StateStore } from 'stream-chat';
 
 export function useStateStore<
   T extends Record<string, unknown>,
-  O extends Readonly<Record<string, unknown> | Readonly<unknown[]>>
+  O extends Readonly<Record<string, unknown> | Readonly<unknown[]>>,
 >(store: StateStore<T>, selector: (v: T) => O): O;
 export function useStateStore<
   T extends Record<string, unknown>,
-  O extends Readonly<Record<string, unknown> | Readonly<unknown[]>>
+  O extends Readonly<Record<string, unknown> | Readonly<unknown[]>>,
 >(store: StateStore<T> | undefined, selector: (v: T) => O): O | undefined;
 export function useStateStore<
   T extends Record<string, unknown>,
-  O extends Readonly<Record<string, unknown> | Readonly<unknown[]>>
+  O extends Readonly<Record<string, unknown> | Readonly<unknown[]>>,
 >(store: StateStore<T> | undefined, selector: (v: T) => O) {
   const [state, setState] = useState<O | undefined>(() => {
     if (!store) return undefined;
diff --git a/src/stories/add-message.stories.tsx b/src/stories/add-message.stories.tsx
index 8fa43a6db4..4548d08a04 100644
--- a/src/stories/add-message.stories.tsx
+++ b/src/stories/add-message.stories.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react';
 import type { ChannelSort } from 'stream-chat';
 import {
@@ -42,7 +41,10 @@ const Controls = () => {
 // Sort in reverse order to avoid auto-selecting unread channel
 const sort: ChannelSort = { last_updated: 1 };
 
-const WrappedConnectedUser = ({ token, userId }: Omit<ConnectedUserProps, 'children'>) => (
+const WrappedConnectedUser = ({
+  token,
+  userId,
+}: Omit<ConnectedUserProps, 'children'>) => (
   <ConnectedUser token={token} userId={userId}>
     <ChannelList
       filters={{ id: { $eq: 'add-message' }, members: { $in: [userId] } }}
diff --git a/src/stories/attachment-sizing.stories.tsx b/src/stories/attachment-sizing.stories.tsx
index 437a66a515..be9236ff68 100644
--- a/src/stories/attachment-sizing.stories.tsx
+++ b/src/stories/attachment-sizing.stories.tsx
@@ -140,7 +140,10 @@ const OtherUserControls = () => {
         <div style={{ display: 'none' }}>
           <ChannelList
             customActiveChannel={channelId}
-            filters={{ id: { $eq: channelId }, members: { $in: [theOtherUserCredentials.userId] } }}
+            filters={{
+              id: { $eq: channelId },
+              members: { $in: [theOtherUserCredentials.userId] },
+            }}
             setActiveChannelOnMount={true}
             sort={sort}
           />
@@ -157,7 +160,10 @@ const OtherUserControls = () => {
   );
 };
 
-const WrappedConnectedUser = ({ token, userId }: Omit<ConnectedUserProps, 'children'>) => (
+const WrappedConnectedUser = ({
+  token,
+  userId,
+}: Omit<ConnectedUserProps, 'children'>) => (
   <div style={{ display: 'flex', flexDirection: 'column' }}>
     {/* FIXME: temporary fix for screenshot tests */}
     <style>{`
diff --git a/src/stories/edit-message.stories.tsx b/src/stories/edit-message.stories.tsx
index 88789916a1..84c86565ce 100644
--- a/src/stories/edit-message.stories.tsx
+++ b/src/stories/edit-message.stories.tsx
@@ -35,8 +35,7 @@ const Controls = () => {
                 type: 'image',
               },
             ],
-            text:
-              'chat: https://getstream.io/chat/\nactivity-feeds: https://getstream.io/activity-feeds/',
+            text: 'chat: https://getstream.io/chat/\nactivity-feeds: https://getstream.io/activity-feeds/',
           })
         }
       >
@@ -49,7 +48,10 @@ const Controls = () => {
 // Sort in reverse order to avoid auto-selecting unread channel
 const sort: ChannelSort = { last_updated: 1 };
 
-const WrappedConnectedUser = ({ token, userId }: Omit<ConnectedUserProps, 'children'>) => (
+const WrappedConnectedUser = ({
+  token,
+  userId,
+}: Omit<ConnectedUserProps, 'children'>) => (
   <ConnectedUser token={token} userId={userId}>
     <ChannelList
       filters={{ id: { $eq: 'edit-message-channel' }, members: { $in: [userId] } }}
diff --git a/src/stories/hello.stories.tsx b/src/stories/hello.stories.tsx
index d818817a08..179025d8a6 100644
--- a/src/stories/hello.stories.tsx
+++ b/src/stories/hello.stories.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react';
 import type { ChannelFilters, ChannelOptions, ChannelSort } from 'stream-chat';
 import {
diff --git a/src/stories/jump-to-message.stories.tsx b/src/stories/jump-to-message.stories.tsx
index 2a06a4ee98..86d0094d97 100644
--- a/src/stories/jump-to-message.stories.tsx
+++ b/src/stories/jump-to-message.stories.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react';
 import {
   Channel,
diff --git a/src/stories/mark-read.stories.tsx b/src/stories/mark-read.stories.tsx
index a6349e3fdf..a7db536e6a 100644
--- a/src/stories/mark-read.stories.tsx
+++ b/src/stories/mark-read.stories.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react';
 import type { ChannelSort } from 'stream-chat';
 import { nanoid } from 'nanoid';
@@ -42,7 +41,10 @@ const Controls = () => {
 // Sort in reverse order to avoid auto-selecting unread channel
 const sort: ChannelSort = { last_updated: 1 };
 
-const WrappedConnectedUser = ({ token, userId }: Omit<ConnectedUserProps, 'children'>) => (
+const WrappedConnectedUser = ({
+  token,
+  userId,
+}: Omit<ConnectedUserProps, 'children'>) => (
   <ConnectedUser token={token} userId={userId}>
     <ChannelList
       filters={{ members: { $in: [userId] }, name: { $autocomplete: 'mr-channel' } }}
diff --git a/src/stories/message-status-readby-tooltip.stories.tsx b/src/stories/message-status-readby-tooltip.stories.tsx
index cc8878a63b..de315d197e 100644
--- a/src/stories/message-status-readby-tooltip.stories.tsx
+++ b/src/stories/message-status-readby-tooltip.stories.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import React, { useCallback } from 'react';
 import type { ChannelSort } from 'stream-chat';
 import {
@@ -29,9 +28,15 @@ const CustomMessageStatus = (props: MessageStatusProps) => {
 
 // Sort in reverse order to avoid auto-selecting unread channel
 const sort: ChannelSort = { last_updated: 1 };
-const WrappedConnectedUser = ({ token, userId }: Omit<ConnectedUserProps, 'children'>) => (
+const WrappedConnectedUser = ({
+  token,
+  userId,
+}: Omit<ConnectedUserProps, 'children'>) => (
   <ConnectedUser token={token} userId={userId}>
-    <ChannelList filters={{ id: { $eq: 'add-message' }, members: { $in: [userId] } }} sort={sort} />
+    <ChannelList
+      filters={{ id: { $eq: 'add-message' }, members: { $in: [userId] } }}
+      sort={sort}
+    />
     <Channel MessageStatus={CustomMessageStatus}>
       <Window>
         <ChannelHeader />
diff --git a/src/stories/navigate-long-message-lists.stories.tsx b/src/stories/navigate-long-message-lists.stories.tsx
index ac1c478710..7a31a0de87 100644
--- a/src/stories/navigate-long-message-lists.stories.tsx
+++ b/src/stories/navigate-long-message-lists.stories.tsx
@@ -140,7 +140,10 @@ const OtherUserControls = () => {
         <div style={{ display: 'none' }}>
           <ChannelList
             customActiveChannel={channelId}
-            filters={{ id: { $eq: channelId }, members: { $in: [theOtherUserCredentials.userId] } }}
+            filters={{
+              id: { $eq: channelId },
+              members: { $in: [theOtherUserCredentials.userId] },
+            }}
             setActiveChannelOnMount={true}
             sort={sort}
           />
@@ -157,7 +160,10 @@ const OtherUserControls = () => {
   );
 };
 
-const WrappedConnectedUser = ({ token, userId }: Omit<ConnectedUserProps, 'children'>) => (
+const WrappedConnectedUser = ({
+  token,
+  userId,
+}: Omit<ConnectedUserProps, 'children'>) => (
   <div style={{ display: 'flex', flexDirection: 'column' }}>
     {/* FIXME: temporary fix for screenshot tests */}
     <style>{`
diff --git a/src/stories/pin-message.stories.tsx b/src/stories/pin-message.stories.tsx
index a41b5318e3..fb7027a83c 100644
--- a/src/stories/pin-message.stories.tsx
+++ b/src/stories/pin-message.stories.tsx
@@ -18,9 +18,7 @@ const PinnedMessagesList = () => {
 
   return (
     <ul data-testid='pinned-messages-list'>
-      {pinnedMessages?.map((pm) => (
-        <li key={pm.id}>{pm.text}</li>
-      ))}
+      {pinnedMessages?.map((pm) => <li key={pm.id}>{pm.text}</li>)}
     </ul>
   );
 };
diff --git a/src/stories/toggle-message-actions.stories.tsx b/src/stories/toggle-message-actions.stories.tsx
index 1550e0f81e..9d2becb774 100644
--- a/src/stories/toggle-message-actions.stories.tsx
+++ b/src/stories/toggle-message-actions.stories.tsx
@@ -12,7 +12,10 @@ import {
 } from '../components';
 
 const allActions = Object.keys(MESSAGE_ACTIONS);
-const WrappedConnectedUser = ({ token, userId }: Omit<ConnectedUserProps, 'children'>) => {
+const WrappedConnectedUser = ({
+  token,
+  userId,
+}: Omit<ConnectedUserProps, 'children'>) => {
   const [messageActions, setMessageActions] = useState<MessageActionsArray>(allActions);
   return (
     <ConnectedUser token={token} userId={userId}>
@@ -32,7 +35,10 @@ const WrappedConnectedUser = ({ token, userId }: Omit<ConnectedUserProps, 'child
             <button onClick={() => setMessageActions(['edit', 'react'])} type='button'>
               edit, react
             </button>
-            <button onClick={() => setMessageActions(['edit', 'react', 'reply'])} type='button'>
+            <button
+              onClick={() => setMessageActions(['edit', 'react', 'reply'])}
+              type='button'
+            >
               edit, react, reply
             </button>
             <button onClick={() => setMessageActions([])} type='button'>
diff --git a/src/stories/utils.tsx b/src/stories/utils.tsx
index 226baf2a46..24712dedc7 100644
--- a/src/stories/utils.tsx
+++ b/src/stories/utils.tsx
@@ -83,7 +83,8 @@ export const ConnectedUser = <SCG extends DefaultGenerics = StreamChatGenerics>(
     userData: { id: userId },
   });
 
-  if (!client) return <p>Waiting for connection to be established with user: {userId}...</p>;
+  if (!client)
+    return <p>Waiting for connection to be established with user: {userId}...</p>;
 
   return (
     <>
diff --git a/src/types/types.ts b/src/types/types.ts
index 1b4beaf00e..b25dac85c2 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -41,7 +41,7 @@ export type DefaultChannelType = UnknownType & {
 };
 
 export type DefaultMessageType<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = UnknownType & {
   customType?: CustomMessageType;
   date?: string | Date;
@@ -57,7 +57,7 @@ export type DefaultUserTypeInternal = {
 };
 
 export type DefaultUserType<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = UnknownType &
   DefaultUserTypeInternal & {
     mutes?: Array<Mute<StreamChatGenerics>>;
@@ -135,7 +135,7 @@ export type VideoAttachmentSizeHandler = (
 ) => VideoAttachmentConfiguration;
 
 export type ChannelUnreadUiState<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Omit<ValuesType<StreamChannelState<StreamChatGenerics>['read']>, 'user'>;
 
 // todo: fix export from stream-chat - for some reason not exported
@@ -156,7 +156,6 @@ export type UpdateMessageOptions = {
 
 export type Readable<T> = {
   [key in keyof T]: T[key];
-  // eslint-disable-next-line @typescript-eslint/ban-types
 } & {};
 
 export type ValuesType<T> = T[keyof T];
diff --git a/src/utils/__tests__/getChannel.test.js b/src/utils/__tests__/getChannel.test.js
index 89f82f865a..e1ac7b6420 100644
--- a/src/utils/__tests__/getChannel.test.js
+++ b/src/utils/__tests__/getChannel.test.js
@@ -11,7 +11,10 @@ import {
 let client;
 const channelData = generateChannel({
   channel: {
-    members: [generateMember({ user: generateUser() }), generateMember({ user: generateUser() })],
+    members: [
+      generateMember({ user: generateUser() }),
+      generateMember({ user: generateUser() }),
+    ],
   },
 });
 const memberIds = channelData.channel.members.map((m) => m.user_id);
diff --git a/src/utils/getChannel.ts b/src/utils/getChannel.ts
index d47784ada6..3376218cb2 100644
--- a/src/utils/getChannel.ts
+++ b/src/utils/getChannel.ts
@@ -16,7 +16,7 @@ const WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL: Record<
 > = {};
 
 type GetChannelParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   client: StreamChat<StreamChatGenerics>;
   channel?: Channel<StreamChatGenerics>;
@@ -35,7 +35,7 @@ type GetChannelParams<
  * @param channel
  */
 export const getChannel = async <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   channel,
   client,
@@ -56,11 +56,13 @@ export const getChannel = async <
   const originalCid = theChannel?.id
     ? theChannel.cid
     : members && members.length
-    ? generateChannelTempCid(theChannel.type, members)
-    : undefined;
+      ? generateChannelTempCid(theChannel.type, members)
+      : undefined;
 
   if (!originalCid) {
-    throw new Error('Channel ID or channel members array have to be provided to query a channel.');
+    throw new Error(
+      'Channel ID or channel members array have to be provided to query a channel.',
+    );
   }
 
   const queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
diff --git a/tsconfig.json b/tsconfig.json
index b14a46bf2b..92508b9c94 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -20,8 +20,8 @@
     "noImplicitReturns": true,
     "noImplicitUseStrict": false,
     "noStrictGenericChecks": false,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
     "strictNullChecks": true,
 
     "importHelpers": true,
diff --git a/yarn.lock b/yarn.lock
index 9f801cfec4..a4e499998e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -324,7 +324,7 @@
     regenerator-runtime "^0.13.4"
     v8flags "^3.1.1"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.17.8", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.7", "@babel/parser@^7.7.0":
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.17.8", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.7":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85"
   integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==
@@ -1040,15 +1040,7 @@
     pirates "^4.0.0"
     source-map-support "^0.5.16"
 
-"@babel/runtime-corejs3@^7.10.2":
-  version "7.13.10"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.13.10.tgz#14c3f4c85de22ba88e8e86685d13e8861a82fe86"
-  integrity sha512-x/XYVQ1h684pp1mJwOV4CyvqZXqbc8CMsMGUnAbuc82ZCdv1U63w5RSUzgDSXQHG5Rps/kiksH6g2D5BuaKyXg==
-  dependencies:
-    core-js-pure "^3.0.0"
-    regenerator-runtime "^0.13.4"
-
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.16.3", "@babel/runtime@^7.17.2", "@babel/runtime@^7.17.8", "@babel/runtime@^7.21.0", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.6":
+"@babel/runtime@^7.10.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.16.3", "@babel/runtime@^7.17.2", "@babel/runtime@^7.17.8", "@babel/runtime@^7.21.0", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4":
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.0.tgz#584c450063ffda59697021430cb47101b085951e"
   integrity sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==
@@ -1064,7 +1056,7 @@
     "@babel/parser" "^7.24.7"
     "@babel/types" "^7.24.7"
 
-"@babel/traverse@^7.13.0", "@babel/traverse@^7.16.7", "@babel/traverse@^7.16.8", "@babel/traverse@^7.17.3", "@babel/traverse@^7.24.7", "@babel/traverse@^7.7.0":
+"@babel/traverse@^7.13.0", "@babel/traverse@^7.16.7", "@babel/traverse@^7.16.8", "@babel/traverse@^7.17.3", "@babel/traverse@^7.24.7":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.7.tgz#de2b900163fa741721ba382163fe46a936c40cf5"
   integrity sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==
@@ -1080,7 +1072,7 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.16.0", "@babel/types@^7.16.7", "@babel/types@^7.16.8", "@babel/types@^7.17.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.5", "@babel/types@^7.24.7", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
+"@babel/types@^7.0.0", "@babel/types@^7.16.0", "@babel/types@^7.16.7", "@babel/types@^7.16.8", "@babel/types@^7.17.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.5", "@babel/types@^7.24.7", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.7.tgz#6027fe12bc1aa724cd32ab113fb7f1988f1f66f2"
   integrity sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==
@@ -1403,39 +1395,100 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.23.1.tgz#81fd50d11e2c32b2d6241470e3185b70c7b30699"
   integrity sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==
 
-"@eslint-community/eslint-utils@^4.2.0":
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
-  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz#d1145bf2c20132d6400495d6df4bf59362fd9d56"
+  integrity sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==
   dependencies:
-    eslint-visitor-keys "^3.3.0"
+    eslint-visitor-keys "^3.4.3"
 
-"@eslint-community/regexpp@^4.4.0":
-  version "4.10.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
-  integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
+"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.12.1":
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
+  integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
 
-"@eslint/eslintrc@^0.2.1":
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.2.2.tgz#d01fc791e2fc33e88a29d6f3dc7e93d0cd784b76"
-  integrity sha512-EfB5OHNYp1F4px/LI/FEnGylop7nOqkQ1LRzCM0KccA2U8tvV8w01KBv37LbO7nW4H+YhKyo2LcJhRwjjV17QQ==
+"@eslint/config-array@^0.19.0":
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.19.1.tgz#734aaea2c40be22bbb1f2a9dac687c57a6a4c984"
+  integrity sha512-fo6Mtm5mWyKjA/Chy1BYTdn5mGJoDNjC7C64ug20ADsRDGrA85bN3uK3MaKbeRkRuuIEAR5N33Jr1pbm411/PA==
+  dependencies:
+    "@eslint/object-schema" "^2.1.5"
+    debug "^4.3.1"
+    minimatch "^3.1.2"
+
+"@eslint/core@^0.10.0":
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.10.0.tgz#23727063c21b335f752dbb3a16450f6f9cbc9091"
+  integrity sha512-gFHJ+xBOo4G3WRlR1e/3G8A6/KZAH6zcE/hkLRCZTi/B9avAG365QhFA8uOGzTMqgTghpn7/fSnscW++dpMSAw==
+  dependencies:
+    "@types/json-schema" "^7.0.15"
+
+"@eslint/eslintrc@^3.2.0":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.2.0.tgz#57470ac4e2e283a6bf76044d63281196e370542c"
+  integrity sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==
   dependencies:
     ajv "^6.12.4"
-    debug "^4.1.1"
-    espree "^7.3.0"
-    globals "^12.1.0"
-    ignore "^4.0.6"
+    debug "^4.3.2"
+    espree "^10.0.1"
+    globals "^14.0.0"
+    ignore "^5.2.0"
     import-fresh "^3.2.1"
-    js-yaml "^3.13.1"
-    lodash "^4.17.19"
-    minimatch "^3.0.4"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@eslint/js@9.19.0", "@eslint/js@^9.16.0":
+  version "9.19.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.19.0.tgz#51dbb140ed6b49d05adc0b171c41e1a8713b7789"
+  integrity sha512-rbq9/g38qjfqFLOVPvwjIvFFdNziEC5S65jmjPw5r6A//QH+W91akh9irMwjDN8zKUTak6W9EsAv4m/7Wnw0UQ==
+
+"@eslint/object-schema@^2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.5.tgz#8670a8f6258a2be5b2c620ff314a1d984c23eb2e"
+  integrity sha512-o0bhxnL89h5Bae5T318nFoFzGy+YE5i/gGkoPAgkmTVdRKTiv3p8JHevPiPaMwoloKfEiiaHlawCqaZMqRm+XQ==
+
+"@eslint/plugin-kit@^0.2.5":
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.2.5.tgz#ee07372035539e7847ef834e3f5e7b79f09e3a81"
+  integrity sha512-lB05FkqEdUg2AA0xEbUz0SnkXT1LcCTa438W4IWTUh4hdOnVbQyOJ81OrDXsJk/LSiJHubgGEFoR5EHq1NsH1A==
+  dependencies:
+    "@eslint/core" "^0.10.0"
+    levn "^0.4.1"
+
 "@gar/promisify@^1.1.3":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
   integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
 
+"@humanfs/core@^0.19.1":
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/@humanfs/core/-/core-0.19.1.tgz#17c55ca7d426733fe3c561906b8173c336b40a77"
+  integrity sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==
+
+"@humanfs/node@^0.16.6":
+  version "0.16.6"
+  resolved "https://registry.yarnpkg.com/@humanfs/node/-/node-0.16.6.tgz#ee2a10eaabd1131987bf0488fd9b820174cd765e"
+  integrity sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==
+  dependencies:
+    "@humanfs/core" "^0.19.1"
+    "@humanwhocodes/retry" "^0.3.0"
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/retry@^0.3.0":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.3.1.tgz#c72a5c76a9fbaf3488e231b13dc52c0da7bab42a"
+  integrity sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==
+
+"@humanwhocodes/retry@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.4.1.tgz#9a96ce501bc62df46c4031fbd970e3cc6b10f07b"
+  integrity sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==
+
 "@isaacs/string-locale-compare@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@isaacs/string-locale-compare/-/string-locale-compare-1.1.0.tgz#291c227e93fd407a96ecd59879a35809120e432b"
@@ -1665,17 +1718,6 @@
     slash "^3.0.0"
     write-file-atomic "^4.0.2"
 
-"@jest/types@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.2.tgz#bef5a532030e1d88a2f5a6d933f84e97226ed48e"
-  integrity sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^15.0.0"
-    chalk "^4.0.0"
-
 "@jest/types@^28.1.3":
   version "28.1.3"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.3.tgz#b05de80996ff12512bc5ceb1d208285a7d11748b"
@@ -2172,6 +2214,11 @@
     estree-walker "^2.0.1"
     picomatch "^2.2.2"
 
+"@rtsao/scc@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
+  integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
+
 "@semantic-release/changelog@^6.0.2":
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/@semantic-release/changelog/-/changelog-6.0.2.tgz#fdcdbd368788c8fcc69c4af29bf2064f4afb45f4"
@@ -2341,19 +2388,19 @@
   dependencies:
     tslib "^2.4.0"
 
-"@testing-library/dom@^7.28.1":
-  version "7.30.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.30.0.tgz#53697851f7708a1448cc30b74a2ea056dd709cd6"
-  integrity sha512-v4GzWtltaiDE0yRikLlcLAfEiiK8+ptu6OuuIebm9GdC2XlZTNDPGEfM2UkEtnH7hr9TRq2sivT5EA9P1Oy7bw==
+"@testing-library/dom@^10.4.0":
+  version "10.4.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-10.4.0.tgz#82a9d9462f11d240ecadbf406607c6ceeeff43a8"
+  integrity sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==
   dependencies:
     "@babel/code-frame" "^7.10.4"
     "@babel/runtime" "^7.12.5"
-    "@types/aria-query" "^4.2.0"
-    aria-query "^4.2.2"
+    "@types/aria-query" "^5.0.1"
+    aria-query "5.3.0"
     chalk "^4.1.0"
-    dom-accessibility-api "^0.5.4"
-    lz-string "^1.4.4"
-    pretty-format "^26.6.2"
+    dom-accessibility-api "^0.5.9"
+    lz-string "^1.5.0"
+    pretty-format "^27.0.2"
 
 "@testing-library/jest-dom@^6.6.3":
   version "6.6.3"
@@ -2385,10 +2432,10 @@
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
   integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
 
-"@types/aria-query@^4.2.0":
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.1.tgz#78b5433344e2f92e8b306c06a5622c50c245bf6b"
-  integrity sha512-S6oPal772qJZHoRZLFc/XoZW2gFvwXusYUmXPXkgxJLuEk2vOt7jc4Yo6z/vtI0EBkbPBVrJJ0B+prLIKiWqHg==
+"@types/aria-query@^5.0.1":
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-5.0.4.tgz#1a31c3d378850d2778dabb6374d036dcba4ba708"
+  integrity sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==
 
 "@types/babel__core@^7.1.14":
   version "7.20.5"
@@ -2442,6 +2489,11 @@
   dependencies:
     dotenv "*"
 
+"@types/estree@^1.0.6":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
+  integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
+
 "@types/graceful-fs@^4.1.3":
   version "4.1.9"
   resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.9.tgz#2a06bc0f68a20ab37b3e36aa238be6abdf49e8b4"
@@ -2508,10 +2560,10 @@
     "@types/tough-cookie" "*"
     parse5 "^7.0.0"
 
-"@types/json-schema@^7.0.7", "@types/json-schema@^7.0.9":
-  version "7.0.11"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
-  integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
+"@types/json-schema@^7.0.15":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
 "@types/json5@^0.0.29":
   version "0.0.29"
@@ -2625,7 +2677,12 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
-"@types/prop-types@*", "@types/prop-types@^15.0.0":
+"@types/prop-types@*":
+  version "15.7.14"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.14.tgz#1433419d73b2a7ebfc6918dcefd2ec0d5cd698f2"
+  integrity sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==
+
+"@types/prop-types@^15.0.0":
   version "15.7.12"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.12.tgz#12bb1e2be27293c1406acb6af1c3f3a1481d98c6"
   integrity sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==
@@ -2652,9 +2709,9 @@
     csstype "^3.0.2"
 
 "@types/react@^19.0.7":
-  version "19.0.7"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-19.0.7.tgz#c451968b999d1cb2d9207dc5ff56496164cf511d"
-  integrity sha512-MoFsEJKkAtZCrC1r6CM8U22GzhG7u2Wir8ons/aCKH6MBdD1ibV24zOSSkdZVUKqN5i396zG5VKLYZ3yaUZdLA==
+  version "19.0.8"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-19.0.8.tgz#7098e6159f2a61e4f4cef2c1223c044a9bec590e"
+  integrity sha512-9P/o1IGdfmQxrujGbIMDyYaaCykhLKc0NGCtYcECNUr9UAaDe4gwvV9bR6tvd5Br1SG0j+PBpbKr2UYY8CwqSw==
   dependencies:
     csstype "^3.0.2"
 
@@ -2668,11 +2725,6 @@
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.8.tgz#ce5ace04cfeabe7ef87c0091e50752e36707deff"
   integrity sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==
 
-"@types/semver@^7.3.12":
-  version "7.3.13"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
-  integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
-
 "@types/stack-utils@^2.0.0":
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.3.tgz#6209321eb2c1712a7e7466422b8cb1fc0d9dd5d8"
@@ -2720,13 +2772,6 @@
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15"
   integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==
 
-"@types/yargs@^15.0.0":
-  version "15.0.15"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.15.tgz#e609a2b1ef9e05d90489c2f5f45bbfb2be092158"
-  integrity sha512-IziEYMU9XoVj8hWg7k+UJrXALkGFjWJhn5QFEv9q4p+v40oZhSuC135M38st8XPjICL7Ey4TV64ferBGUoJhBg==
-  dependencies:
-    "@types/yargs-parser" "*"
-
 "@types/yargs@^17.0.8":
   version "17.0.32"
   resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.32.tgz#030774723a2f7faafebf645f4e5a48371dca6229"
@@ -2734,190 +2779,86 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz#aeef0328d172b9e37d9bab6dbc13b87ed88977db"
-  integrity sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==
+"@typescript-eslint/eslint-plugin@8.22.0":
+  version "8.22.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.22.0.tgz#63a1b0d24d85a971949f8d71d693019f58d2e861"
+  integrity sha512-4Uta6REnz/xEJMvwf72wdUnC3rr4jAQf5jnTkeRQ9b6soxLxhDEbS/pfMPoJLDfFPNVRdryqWUIV/2GZzDJFZw==
   dependencies:
-    "@eslint-community/regexpp" "^4.4.0"
-    "@typescript-eslint/scope-manager" "5.62.0"
-    "@typescript-eslint/type-utils" "5.62.0"
-    "@typescript-eslint/utils" "5.62.0"
-    debug "^4.3.4"
+    "@eslint-community/regexpp" "^4.10.0"
+    "@typescript-eslint/scope-manager" "8.22.0"
+    "@typescript-eslint/type-utils" "8.22.0"
+    "@typescript-eslint/utils" "8.22.0"
+    "@typescript-eslint/visitor-keys" "8.22.0"
     graphemer "^1.4.0"
-    ignore "^5.2.0"
-    natural-compare-lite "^1.4.0"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/experimental-utils@^4.0.1":
-  version "4.27.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.27.0.tgz#78192a616472d199f084eab8f10f962c0757cd1c"
-  integrity sha512-n5NlbnmzT2MXlyT+Y0Jf0gsmAQzCnQSWXKy4RGSXVStjDvS5we9IWbh7qRVKdGcxT0WYlgcCYUK/HRg7xFhvjQ==
-  dependencies:
-    "@types/json-schema" "^7.0.7"
-    "@typescript-eslint/scope-manager" "4.27.0"
-    "@typescript-eslint/types" "4.27.0"
-    "@typescript-eslint/typescript-estree" "4.27.0"
-    eslint-scope "^5.1.1"
-    eslint-utils "^3.0.0"
-
-"@typescript-eslint/experimental-utils@^5.0.0":
-  version "5.54.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-5.54.0.tgz#78ffdbc10a46be943f07d82ebfc7ea3ab8148cd0"
-  integrity sha512-rRYECOTh5V3iWsrOzXi7h1jp3Bi9OkJHrb3wECi3DVqMGTilo9wAYmCbT+6cGdrzUY3MWcAa2mESM6FMik6tVw==
-  dependencies:
-    "@typescript-eslint/utils" "5.54.0"
-
-"@typescript-eslint/parser@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.62.0.tgz#1b63d082d849a2fcae8a569248fbe2ee1b8a56c7"
-  integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
-  dependencies:
-    "@typescript-eslint/scope-manager" "5.62.0"
-    "@typescript-eslint/types" "5.62.0"
-    "@typescript-eslint/typescript-estree" "5.62.0"
-    debug "^4.3.4"
-
-"@typescript-eslint/scope-manager@4.27.0":
-  version "4.27.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.27.0.tgz#b0b1de2b35aaf7f532e89c8e81d0fa298cae327d"
-  integrity sha512-DY73jK6SEH6UDdzc6maF19AHQJBFVRf6fgAXHPXCGEmpqD4vYgPEzqpFz1lf/daSbOcMpPPj9tyXXDPW2XReAw==
-  dependencies:
-    "@typescript-eslint/types" "4.27.0"
-    "@typescript-eslint/visitor-keys" "4.27.0"
+    ignore "^5.3.1"
+    natural-compare "^1.4.0"
+    ts-api-utils "^2.0.0"
 
-"@typescript-eslint/scope-manager@5.54.0":
-  version "5.54.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.54.0.tgz#74b28ac9a3fc8166f04e806c957adb8c1fd00536"
-  integrity sha512-VTPYNZ7vaWtYna9M4oD42zENOBrb+ZYyCNdFs949GcN8Miwn37b8b7eMj+EZaq7VK9fx0Jd+JhmkhjFhvnovhg==
+"@typescript-eslint/parser@8.22.0":
+  version "8.22.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.22.0.tgz#f21c5db24271f182ebbb4ba8c7ad3eb76e5f5f3a"
+  integrity sha512-MqtmbdNEdoNxTPzpWiWnqNac54h8JDAmkWtJExBVVnSrSmi9z+sZUt0LfKqk9rjqmKOIeRhO4fHHJ1nQIjduIQ==
   dependencies:
-    "@typescript-eslint/types" "5.54.0"
-    "@typescript-eslint/visitor-keys" "5.54.0"
+    "@typescript-eslint/scope-manager" "8.22.0"
+    "@typescript-eslint/types" "8.22.0"
+    "@typescript-eslint/typescript-estree" "8.22.0"
+    "@typescript-eslint/visitor-keys" "8.22.0"
+    debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz#d9457ccc6a0b8d6b37d0eb252a23022478c5460c"
-  integrity sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==
+"@typescript-eslint/scope-manager@8.22.0":
+  version "8.22.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.22.0.tgz#e85836ddeb8eae715f870628bcc32fe96aaf4d0e"
+  integrity sha512-/lwVV0UYgkj7wPSw0o8URy6YI64QmcOdwHuGuxWIYznO6d45ER0wXUbksr9pYdViAofpUCNJx/tAzNukgvaaiQ==
   dependencies:
-    "@typescript-eslint/types" "5.62.0"
-    "@typescript-eslint/visitor-keys" "5.62.0"
+    "@typescript-eslint/types" "8.22.0"
+    "@typescript-eslint/visitor-keys" "8.22.0"
 
-"@typescript-eslint/type-utils@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz#286f0389c41681376cdad96b309cedd17d70346a"
-  integrity sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==
+"@typescript-eslint/type-utils@8.22.0":
+  version "8.22.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.22.0.tgz#cd9f23c23f021357ef0baa3490d4d96edcc97509"
+  integrity sha512-NzE3aB62fDEaGjaAYZE4LH7I1MUwHooQ98Byq0G0y3kkibPJQIXVUspzlFOmOfHhiDLwKzMlWxaNv+/qcZurJA==
   dependencies:
-    "@typescript-eslint/typescript-estree" "5.62.0"
-    "@typescript-eslint/utils" "5.62.0"
+    "@typescript-eslint/typescript-estree" "8.22.0"
+    "@typescript-eslint/utils" "8.22.0"
     debug "^4.3.4"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/types@4.27.0":
-  version "4.27.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.27.0.tgz#712b408519ed699baff69086bc59cd2fc13df8d8"
-  integrity sha512-I4ps3SCPFCKclRcvnsVA/7sWzh7naaM/b4pBO2hVxnM3wrU51Lveybdw5WoIktU/V4KfXrTt94V9b065b/0+wA==
-
-"@typescript-eslint/types@5.54.0":
-  version "5.54.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.54.0.tgz#7d519df01f50739254d89378e0dcac504cab2740"
-  integrity sha512-nExy+fDCBEgqblasfeE3aQ3NuafBUxZxgxXcYfzYRZFHdVvk5q60KhCSkG0noHgHRo/xQ/BOzURLZAafFpTkmQ==
-
-"@typescript-eslint/types@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.62.0.tgz#258607e60effa309f067608931c3df6fed41fd2f"
-  integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
-
-"@typescript-eslint/typescript-estree@4.27.0":
-  version "4.27.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.27.0.tgz#189a7b9f1d0717d5cccdcc17247692dedf7a09da"
-  integrity sha512-KH03GUsUj41sRLLEy2JHstnezgpS5VNhrJouRdmh6yNdQ+yl8w5LrSwBkExM+jWwCJa7Ct2c8yl8NdtNRyQO6g==
-  dependencies:
-    "@typescript-eslint/types" "4.27.0"
-    "@typescript-eslint/visitor-keys" "4.27.0"
-    debug "^4.3.1"
-    globby "^11.0.3"
-    is-glob "^4.0.1"
-    semver "^7.3.5"
-    tsutils "^3.21.0"
+    ts-api-utils "^2.0.0"
 
-"@typescript-eslint/typescript-estree@5.54.0":
-  version "5.54.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.54.0.tgz#f6f3440cabee8a43a0b25fa498213ebb61fdfe99"
-  integrity sha512-X2rJG97Wj/VRo5YxJ8Qx26Zqf0RRKsVHd4sav8NElhbZzhpBI8jU54i6hfo9eheumj4oO4dcRN1B/zIVEqR/MQ==
-  dependencies:
-    "@typescript-eslint/types" "5.54.0"
-    "@typescript-eslint/visitor-keys" "5.54.0"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
+"@typescript-eslint/types@8.22.0":
+  version "8.22.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.22.0.tgz#d9dec7116479ad03aeb6c8ac9c5223c4c79cf360"
+  integrity sha512-0S4M4baNzp612zwpD4YOieP3VowOARgK2EkN/GBn95hpyF8E2fbMT55sRHWBq+Huaqk3b3XK+rxxlM8sPgGM6A==
 
-"@typescript-eslint/typescript-estree@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz#7d17794b77fabcac615d6a48fb143330d962eb9b"
-  integrity sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==
+"@typescript-eslint/typescript-estree@8.22.0":
+  version "8.22.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.22.0.tgz#c188c3e19529d5b3145577c0bd967e2683b114df"
+  integrity sha512-SJX99NAS2ugGOzpyhMza/tX+zDwjvwAtQFLsBo3GQxiGcvaKlqGBkmZ+Y1IdiSi9h4Q0Lr5ey+Cp9CGWNY/F/w==
   dependencies:
-    "@typescript-eslint/types" "5.62.0"
-    "@typescript-eslint/visitor-keys" "5.62.0"
+    "@typescript-eslint/types" "8.22.0"
+    "@typescript-eslint/visitor-keys" "8.22.0"
     debug "^4.3.4"
-    globby "^11.1.0"
+    fast-glob "^3.3.2"
     is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/utils@5.54.0":
-  version "5.54.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.54.0.tgz#3db758aae078be7b54b8ea8ea4537ff6cd3fbc21"
-  integrity sha512-cuwm8D/Z/7AuyAeJ+T0r4WZmlnlxQ8wt7C7fLpFlKMR+dY6QO79Cq1WpJhvZbMA4ZeZGHiRWnht7ZJ8qkdAunw==
-  dependencies:
-    "@types/json-schema" "^7.0.9"
-    "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.54.0"
-    "@typescript-eslint/types" "5.54.0"
-    "@typescript-eslint/typescript-estree" "5.54.0"
-    eslint-scope "^5.1.1"
-    eslint-utils "^3.0.0"
-    semver "^7.3.7"
-
-"@typescript-eslint/utils@5.62.0", "@typescript-eslint/utils@^5.58.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.62.0.tgz#141e809c71636e4a75daa39faed2fb5f4b10df86"
-  integrity sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@types/json-schema" "^7.0.9"
-    "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.62.0"
-    "@typescript-eslint/types" "5.62.0"
-    "@typescript-eslint/typescript-estree" "5.62.0"
-    eslint-scope "^5.1.1"
-    semver "^7.3.7"
-
-"@typescript-eslint/visitor-keys@4.27.0":
-  version "4.27.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.27.0.tgz#f56138b993ec822793e7ebcfac6ffdce0a60cb81"
-  integrity sha512-es0GRYNZp0ieckZ938cEANfEhsfHrzuLrePukLKtY3/KPXcq1Xd555Mno9/GOgXhKzn0QfkDLVgqWO3dGY80bg==
-  dependencies:
-    "@typescript-eslint/types" "4.27.0"
-    eslint-visitor-keys "^2.0.0"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^2.0.0"
 
-"@typescript-eslint/visitor-keys@5.54.0":
-  version "5.54.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.54.0.tgz#846878afbf0cd67c19cfa8d75947383d4490db8f"
-  integrity sha512-xu4wT7aRCakGINTLGeyGqDn+78BwFlggwBjnHa1ar/KaGagnmwLYmlrXIrgAaQ3AE1Vd6nLfKASm7LrFHNbKGA==
+"@typescript-eslint/utils@8.22.0", "@typescript-eslint/utils@^6.0.0 || ^7.0.0 || ^8.0.0":
+  version "8.22.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.22.0.tgz#c8cc4e52a9c711af8a741a82dc5d7242b7a8dd44"
+  integrity sha512-T8oc1MbF8L+Bk2msAvCUzjxVB2Z2f+vXYfcucE2wOmYs7ZUwco5Ep0fYZw8quNwOiw9K8GYVL+Kgc2pETNTLOg==
   dependencies:
-    "@typescript-eslint/types" "5.54.0"
-    eslint-visitor-keys "^3.3.0"
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@typescript-eslint/scope-manager" "8.22.0"
+    "@typescript-eslint/types" "8.22.0"
+    "@typescript-eslint/typescript-estree" "8.22.0"
 
-"@typescript-eslint/visitor-keys@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz#2174011917ce582875954ffe2f6912d5931e353e"
-  integrity sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==
+"@typescript-eslint/visitor-keys@8.22.0":
+  version "8.22.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.22.0.tgz#02cc005014c372033eb9171e2275b76cba722a3f"
+  integrity sha512-AWpYAXnUgvLNabGTy3uBylkgZoosva/miNd1I8Bz3SjotmQPbVqhO4Cczo8AsZ44XVErEBPr/CRSgaj8sG7g0w==
   dependencies:
-    "@typescript-eslint/types" "5.62.0"
-    eslint-visitor-keys "^3.3.0"
+    "@typescript-eslint/types" "8.22.0"
+    eslint-visitor-keys "^4.2.0"
 
 "@virtuoso.dev/react-urx@^0.2.12":
   version "0.2.12"
@@ -2979,7 +2920,7 @@ acorn-globals@^7.0.0:
     acorn "^8.1.0"
     acorn-walk "^8.0.2"
 
-acorn-jsx@^5.2.0, acorn-jsx@^5.3.1:
+acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
@@ -2991,12 +2932,7 @@ acorn-walk@^8.0.2:
   dependencies:
     acorn "^8.11.0"
 
-acorn@^7.1.1, acorn@^7.4.0:
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
-  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
-
-acorn@^8.1.0, acorn@^8.11.0, acorn@^8.8.1:
+acorn@^8.1.0, acorn@^8.11.0, acorn@^8.14.0, acorn@^8.8.1:
   version "8.14.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.0.tgz#063e2c70cac5fb4f6467f0b11152e04c682795b0"
   integrity sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==
@@ -3037,7 +2973,7 @@ aggregate-error@^3.0.0:
     clean-stack "^2.0.0"
     indent-string "^4.0.0"
 
-ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.4:
+ajv@^6.12.4:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -3064,11 +3000,6 @@ ansi-align@^3.0.0:
   dependencies:
     string-width "^4.1.0"
 
-ansi-colors@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
-  integrity sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==
-
 ansi-escapes@^4.2.1:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
@@ -3095,12 +3026,7 @@ ansi-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
   integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
 
-ansi-regex@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed"
-  integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==
-
-ansi-regex@^5.0.0, ansi-regex@^5.0.1:
+ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
@@ -3115,7 +3041,7 @@ ansi-styles@^2.2.1:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
   integrity sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==
 
-ansi-styles@^3.2.0, ansi-styles@^3.2.1:
+ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
   integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
@@ -3207,18 +3133,12 @@ argv@0.0.2:
   resolved "https://registry.yarnpkg.com/argv/-/argv-0.0.2.tgz#ecbd16f8949b157183711b1bda334f37840185ab"
   integrity sha1-7L0W+JSbFXGDcRsb2jNPN4QBhas=
 
-aria-query@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-4.2.2.tgz#0d2ca6c9aceb56b8977e9fed6aed7e15bbd2f83b"
-  integrity sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==
+aria-query@5.3.0, aria-query@^5.0.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.0.tgz#650c569e41ad90b51b3d7df5e5eed1c7549c103e"
+  integrity sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==
   dependencies:
-    "@babel/runtime" "^7.10.2"
-    "@babel/runtime-corejs3" "^7.10.2"
-
-aria-query@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.0.0.tgz#210c21aaf469613ee8c9a62c7f86525e058db52c"
-  integrity sha512-V+SM7AbUwJ+EBnB8+DXs0hPZHO0W6pqBcc0dW90OwtVG02PswOu/teuARoLQjdDOH+t9pJgGnW5/Qmouf3gPJg==
+    dequal "^2.0.3"
 
 arr-diff@^4.0.0:
   version "4.0.0"
@@ -3235,6 +3155,14 @@ arr-union@^3.1.0:
   resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
   integrity sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==
 
+array-buffer-byte-length@^1.0.1, array-buffer-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz#384d12a37295aec3769ab022ad323a18a51ccf8b"
+  integrity sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==
+  dependencies:
+    call-bound "^1.0.3"
+    is-array-buffer "^3.0.5"
+
 array-flatten@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
@@ -3245,16 +3173,17 @@ array-ify@^1.0.0:
   resolved "https://registry.yarnpkg.com/array-ify/-/array-ify-1.0.0.tgz#9e528762b4a9066ad163a6962a364418e9626ece"
   integrity sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==
 
-array-includes@^3.1.1, array-includes@^3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.3.tgz#c7f619b382ad2afaf5326cddfdc0afc61af7690a"
-  integrity sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==
+array-includes@^3.1.2, array-includes@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
+  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.2"
-    get-intrinsic "^1.1.1"
-    is-string "^1.0.5"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
+    is-string "^1.0.7"
 
 array-union@^2.1.0:
   version "2.1.0"
@@ -3266,24 +3195,49 @@ array-unique@^0.3.2:
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
   integrity sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==
 
-array.prototype.flat@^1.2.3:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz#6ef638b43312bd401b4c6199fdec7e2dc9e9a123"
-  integrity sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==
+array.prototype.findlast@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz#3e4fbcb30a15a7f5bf64cf2faae22d139c2e4904"
+  integrity sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.findlastindex@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz#8c35a755c72908719453f87145ca011e39334d0d"
+  integrity sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flat@^1.3.2:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz#534aaf9e6e8dd79fb6b9a9917f839ef1ec63afe5"
+  integrity sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==
   dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
 
-array.prototype.flatmap@^1.2.3:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.2.4.tgz#94cfd47cc1556ec0747d97f7c7738c58122004c9"
-  integrity sha512-r9Z0zYoxqHz60vvQbWEdXIEtCwHF0yxaWfno9qzXeNHvfyl3BZqygmGzb84dsubyaXLH4husF+NFgMSdpZhk2Q==
+array.prototype.flatmap@^1.3.2, array.prototype.flatmap@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz#712cc792ae70370ae40586264629e33aab5dd38b"
+  integrity sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==
   dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
-    function-bind "^1.1.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
 
 array.prototype.reduce@^1.0.5:
   version "1.0.5"
@@ -3296,6 +3250,30 @@ array.prototype.reduce@^1.0.5:
     es-array-method-boxes-properly "^1.0.0"
     is-string "^1.0.7"
 
+array.prototype.tosorted@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz#fe954678ff53034e717ea3352a03f0b0b86f7ffc"
+  integrity sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+    es-errors "^1.3.0"
+    es-shim-unscopables "^1.0.2"
+
+arraybuffer.prototype.slice@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz#9d760d84dbdd06d0cbf92c8849615a1a7ab3183c"
+  integrity sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    is-array-buffer "^3.0.4"
+
 arrify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
@@ -3321,11 +3299,6 @@ assign-symbols@^1.0.0:
   resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
   integrity sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==
 
-ast-types-flow@^0.0.7:
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz#f70b735c6bca1a5c9c22d982c3e39e7feba3bdad"
-  integrity sha1-9wtzXGvKGlycItmCw+Oef+ujva0=
-
 ast-types@^0.14.0:
   version "0.14.2"
   resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.14.2.tgz#600b882df8583e3cd4f2df5fa20fa83759d4bdfd"
@@ -3333,16 +3306,16 @@ ast-types@^0.14.0:
   dependencies:
     tslib "^2.0.1"
 
-astral-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
-  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
-
 async-each@^1.0.1:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.6.tgz#52f1d9403818c179b7561e11a5d1b77eb2160e77"
   integrity sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==
 
+async-function@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/async-function/-/async-function-1.0.0.tgz#509c9fca60eaf85034c6829838188e4e4c8ffb2b"
+  integrity sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==
+
 async@^3.2.3:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce"
@@ -3375,12 +3348,14 @@ autoprefixer@^10.0.3:
     normalize-range "^0.1.2"
     postcss-value-parser "^4.1.0"
 
-available-typed-arrays@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
-  integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
 
-axe-core@4.7.2, axe-core@^4.0.2, axe-core@^4.3.3, axe-core@^4.4.1:
+axe-core@4.7.2, axe-core@^4.3.3, axe-core@^4.4.1:
   version "4.7.2"
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.7.2.tgz#040a7342b20765cb18bb50b628394c21bccc17a0"
   integrity sha512-zIURGIS1E1Q4pcrMjp+nnEh+16G56eG/MUllJH8yEvw7asDo7Ac9uhC9KIH5jzpITueEZolfYglnCGIuSBz39g==
@@ -3394,11 +3369,6 @@ axios@^1.6.0:
     form-data "^4.0.0"
     proxy-from-env "^1.1.0"
 
-axobject-query@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.2.0.tgz#943d47e10c0b704aa42275e20edf3722648989be"
-  integrity sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==
-
 babel-code-frame@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
@@ -3408,18 +3378,6 @@ babel-code-frame@^6.26.0:
     esutils "^2.0.2"
     js-tokens "^3.0.2"
 
-babel-eslint@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232"
-  integrity sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.7.0"
-    "@babel/traverse" "^7.7.0"
-    "@babel/types" "^7.7.0"
-    eslint-visitor-keys "^1.0.0"
-    resolve "^1.12.0"
-
 babel-jest@^28.1.3:
   version "28.1.3"
   resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-28.1.3.tgz#c1187258197c099072156a0a121c11ee1e3917d5"
@@ -3992,13 +3950,31 @@ cache-base@^1.0.1:
     union-value "^1.0.0"
     unset-value "^1.0.0"
 
-call-bind@^1.0.0, call-bind@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
-  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
+call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz#32e5892e6361b29b0b545ba6f7763378daca2840"
+  integrity sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==
   dependencies:
-    function-bind "^1.1.1"
-    get-intrinsic "^1.0.2"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+
+call-bind@^1.0.2, call-bind@^1.0.7, call-bind@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
+  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
+  dependencies:
+    call-bind-apply-helpers "^1.0.0"
+    es-define-property "^1.0.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.2"
+
+call-bound@^1.0.2, call-bound@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.3.tgz#41cfd032b593e39176a71533ab4f384aa04fd681"
+  integrity sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    get-intrinsic "^1.2.6"
 
 callsites@^3.0.0:
   version "3.1.0"
@@ -4468,21 +4444,11 @@ config-chain@^1.1.11:
     ini "^1.3.4"
     proto-list "~1.2.1"
 
-confusing-browser-globals@^1.0.10:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.10.tgz#30d1e7f3d1b882b25ec4933d1d1adac353d20a59"
-  integrity sha512-gNld/3lySHwuhaVluJUKLePYirM3QNCKzVxqAdhJII9/WXKVX5PURzMVJspS1jTslSqjeuG4KMVTSouit5YPHA==
-
 console-control-strings@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
   integrity sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==
 
-contains-path@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
-  integrity sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo=
-
 content-disposition@0.5.4:
   version "0.5.4"
   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
@@ -4595,11 +4561,6 @@ core-js-compat@^3.20.2, core-js-compat@^3.21.0, core-js-compat@^3.8.1:
     browserslist "^4.19.1"
     semver "7.0.0"
 
-core-js-pure@^3.0.0:
-  version "3.9.1"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.9.1.tgz#677b322267172bd490e4464696f790cbc355bec5"
-  integrity sha512-laz3Zx0avrw9a4QEIdmIblnVuJz8W51leY9iLThatCsFawWxC3sE4guASC78JbCin+DkwMpCdp1AVAuzL/GN7A==
-
 core-js@^2.4.0:
   version "2.6.12"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
@@ -4687,10 +4648,10 @@ create-jest@^29.7.0:
     jest-util "^29.7.0"
     prompts "^2.0.1"
 
-cross-spawn@^7.0.2, cross-spawn@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+cross-spawn@^7.0.3, cross-spawn@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
   dependencies:
     path-key "^3.1.0"
     shebang-command "^2.0.0"
@@ -4773,11 +4734,6 @@ csstype@^3.0.2:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
   integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
-damerau-levenshtein@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.6.tgz#143c1641cb3d85c60c32329e26899adea8701791"
-  integrity sha512-JVrozIeElnj3QzfUIt8tB8YMluBJom4Vw9qTPpjGYQ9fYlB3D/rb6OordUxf3xeFB35LKWs0xqcO5U6ySvBtug==
-
 dargs@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/dargs/-/dargs-7.0.0.tgz#04015c41de0bcb69ec84050f3d9be0caf8d6d5cc"
@@ -4800,6 +4756,33 @@ data-urls@^5.0.0:
     whatwg-mimetype "^4.0.0"
     whatwg-url "^14.0.0"
 
+data-view-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz#211a03ba95ecaf7798a8c7198d79536211f88570"
+  integrity sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz#9e80f7ca52453ce3e93d25a35318767ea7704735"
+  integrity sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-offset@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz#068307f9b71ab76dbbe10291389e020856606191"
+  integrity sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
 date-fns@^2.30.0:
   version "2.30.0"
   resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0"
@@ -4822,19 +4805,19 @@ de-indent@^1.0.2:
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
   integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
 
-debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9:
+debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.3, debug@^4.3.4:
-  version "4.3.5"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.5.tgz#e83444eceb9fedd4a1da56d671ae2446a01a6e1e"
-  integrity sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==
+debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
   dependencies:
-    ms "2.1.2"
+    ms "^2.1.3"
 
 debug@4.3.4:
   version "4.3.4"
@@ -4843,6 +4826,13 @@ debug@4.3.4:
   dependencies:
     ms "2.1.2"
 
+debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
 debuglog@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
@@ -4905,16 +4895,26 @@ defaults@^1.0.3:
   dependencies:
     clone "^1.0.2"
 
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
 define-lazy-prop@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
   integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
 
-define-properties@^1.1.3, define-properties@^1.1.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
-  integrity sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==
+define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
   dependencies:
+    define-data-property "^1.0.1"
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
@@ -4979,7 +4979,7 @@ deprecation@^2.0.0, deprecation@^2.3.1:
   resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
   integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
 
-dequal@^2.0.0:
+dequal@^2.0.0, dequal@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
   integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
@@ -5036,14 +5036,6 @@ dir-glob@^3.0.0, dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-doctrine@1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa"
-  integrity sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=
-  dependencies:
-    esutils "^2.0.2"
-    isarray "^1.0.0"
-
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -5051,17 +5043,10 @@ doctrine@^2.1.0:
   dependencies:
     esutils "^2.0.2"
 
-doctrine@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
-  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
-  dependencies:
-    esutils "^2.0.2"
-
-dom-accessibility-api@^0.5.4:
-  version "0.5.13"
-  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.13.tgz#102ee5f25eacce09bdf1cfa5a298f86da473be4b"
-  integrity sha512-R305kwb5CcMDIpSHUnLyIAp7SrSPBx6F0VfQFB3M75xVMHhXJJIdePYgbPPh1o57vCHNu5QztokWUPsLjWzFqw==
+dom-accessibility-api@^0.5.9:
+  version "0.5.16"
+  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz#5a7429e6066eb3664d911e33fb0e45de8eb08453"
+  integrity sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==
 
 dom-accessibility-api@^0.6.3:
   version "0.6.3"
@@ -5154,6 +5139,15 @@ dotenv@^8.6.0:
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.6.0.tgz#061af664d19f7f4d8fc6e4ff9b584ce237adcb8b"
   integrity sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==
 
+dunder-proto@^1.0.0, dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
+
 duplexer2@~0.1.0:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
@@ -5223,17 +5217,12 @@ emoji-regex@^10.3.0:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-10.3.0.tgz#76998b9268409eb3dae3de989254d456e70cfe23"
   integrity sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==
 
-emoji-regex@^7.0.1:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
-  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
-
 emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
   integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
 
-emoji-regex@^9.0.0, emoji-regex@^9.2.0:
+emoji-regex@^9.2.0:
   version "9.2.2"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
@@ -5257,13 +5246,6 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0:
   dependencies:
     once "^1.4.0"
 
-enquirer@^2.3.5:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
-  integrity sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==
-  dependencies:
-    ansi-colors "^4.1.1"
-
 ensure-posix-path@^1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ensure-posix-path/-/ensure-posix-path-1.1.1.tgz#3c62bdb19fa4681544289edb2b382adc029179ce"
@@ -5274,12 +5256,7 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
-entities@^4.2.0, entities@^4.3.0, entities@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174"
-  integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==
-
-entities@^4.5.0:
+entities@^4.2.0, entities@^4.3.0, entities@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
   integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
@@ -5308,74 +5285,139 @@ err-code@^2.0.2:
   resolved "https://registry.yarnpkg.com/err-code/-/err-code-2.0.3.tgz#23c2f3b756ffdfc608d30e27c9a941024807e7f9"
   integrity sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==
 
-error-ex@^1.2.0, error-ex@^1.3.1:
+error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
   integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.18.0-next.1, es-abstract@^1.18.0-next.2, es-abstract@^1.19.0, es-abstract@^1.20.4:
-  version "1.21.1"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.21.1.tgz#e6105a099967c08377830a0c9cb589d570dd86c6"
-  integrity sha512-QudMsPOz86xYz/1dG1OuGBKOELjCh99IIWHLzy5znUB6j8xG2yMA7bfTV86VSqKF+Y/H08vQPR+9jyXpuC6hfg==
-  dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    es-set-tostringtag "^2.0.1"
-    es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
-    function.prototype.name "^1.1.5"
-    get-intrinsic "^1.1.3"
-    get-symbol-description "^1.0.0"
-    globalthis "^1.0.3"
-    gopd "^1.0.1"
-    has "^1.0.3"
-    has-property-descriptors "^1.0.0"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.4"
-    is-array-buffer "^3.0.1"
+es-abstract@^1.17.5, es-abstract@^1.20.4, es-abstract@^1.23.2, es-abstract@^1.23.3, es-abstract@^1.23.5, es-abstract@^1.23.6, es-abstract@^1.23.9:
+  version "1.23.9"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.9.tgz#5b45994b7de78dada5c1bebf1379646b32b9d606"
+  integrity sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==
+  dependencies:
+    array-buffer-byte-length "^1.0.2"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    data-view-buffer "^1.0.2"
+    data-view-byte-length "^1.0.2"
+    data-view-byte-offset "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.1.0"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.8"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.0"
+    get-symbol-description "^1.1.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.5"
     is-callable "^1.2.7"
-    is-negative-zero "^2.0.2"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    is-string "^1.0.7"
-    is-typed-array "^1.1.10"
-    is-weakref "^1.0.2"
-    object-inspect "^1.12.2"
+    is-data-view "^1.0.2"
+    is-regex "^1.2.1"
+    is-shared-array-buffer "^1.0.4"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.15"
+    is-weakref "^1.1.0"
+    math-intrinsics "^1.1.0"
+    object-inspect "^1.13.3"
     object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.4.3"
-    safe-regex-test "^1.0.0"
-    string.prototype.trimend "^1.0.6"
-    string.prototype.trimstart "^1.0.6"
-    typed-array-length "^1.0.4"
-    unbox-primitive "^1.0.2"
-    which-typed-array "^1.1.9"
+    object.assign "^4.1.7"
+    own-keys "^1.0.1"
+    regexp.prototype.flags "^1.5.3"
+    safe-array-concat "^1.1.3"
+    safe-push-apply "^1.0.0"
+    safe-regex-test "^1.1.0"
+    set-proto "^1.0.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.3"
+    typed-array-byte-length "^1.0.3"
+    typed-array-byte-offset "^1.0.4"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.1.0"
+    which-typed-array "^1.1.18"
 
 es-array-method-boxes-properly@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
   integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
 
-es-set-tostringtag@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
-  integrity sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==
-  dependencies:
-    get-intrinsic "^1.1.3"
-    has "^1.0.3"
-    has-tostringtag "^1.0.0"
+es-define-property@^1.0.0, es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
 
-es-to-primitive@^1.2.1:
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-iterator-helpers@^1.2.1:
   version "1.2.1"
-  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
-  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz#d1dd0f58129054c0ad922e6a9a1e65eef435fe75"
+  integrity sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    es-set-tostringtag "^2.0.3"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.6"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    iterator.prototype "^1.1.4"
+    safe-array-concat "^1.1.3"
+
+es-object-atoms@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
+  integrity sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.0.3, es-set-tostringtag@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
   dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+es-shim-unscopables@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
+  integrity sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==
+  dependencies:
+    hasown "^2.0.0"
+
+es-to-primitive@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.3.0.tgz#96c89c82cc49fd8794a24835ba3e1ff87f214e18"
+  integrity sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==
+  dependencies:
+    is-callable "^1.2.7"
+    is-date-object "^1.0.5"
+    is-symbol "^1.0.4"
 
 esbuild-android-64@0.14.27:
   version "0.14.27"
@@ -5560,6 +5602,11 @@ escape-string-regexp@^2.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
   integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
 
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
 escape-string-regexp@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz#4683126b500b61762f2dbebace1806e8be31b1c8"
@@ -5576,333 +5623,174 @@ escodegen@^2.0.0:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-airbnb-base@^14.2.1:
-  version "14.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.1.tgz#8a2eb38455dc5a312550193b319cdaeef042cd1e"
-  integrity sha512-GOrQyDtVEc1Xy20U7vsB2yAoB4nBlfH5HZJeatRXHleO+OS5Ot+MWij4Dpltw4/DyIkqUfqz1epfhVR5XWWQPA==
-  dependencies:
-    confusing-browser-globals "^1.0.10"
-    object.assign "^4.1.2"
-    object.entries "^1.1.2"
-
-eslint-config-airbnb@^18.2.1:
-  version "18.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-config-airbnb/-/eslint-config-airbnb-18.2.1.tgz#b7fe2b42f9f8173e825b73c8014b592e449c98d9"
-  integrity sha512-glZNDEZ36VdlZWoxn/bUR1r/sdFKPd1mHPbqUtkctgNG4yT2DLLtJ3D+yCV+jzZCc2V1nBVkmdknOJBZ5Hc0fg==
-  dependencies:
-    eslint-config-airbnb-base "^14.2.1"
-    object.assign "^4.1.2"
-    object.entries "^1.1.2"
-
-eslint-config-prettier@^6.15.0:
-  version "6.15.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.15.0.tgz#7f93f6cb7d45a92f1537a70ecc06366e1ac6fed9"
-  integrity sha512-a1+kOYLR8wMGustcgAjdydMsQ2A/2ipRPwRKUmfYaSxc9ZPcrku080Ctl6zrZzZNs/U82MjSv+qKREkoq3bJaw==
-  dependencies:
-    get-stdin "^6.0.0"
-
-eslint-config-react-app@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-6.0.0.tgz#ccff9fc8e36b322902844cbd79197982be355a0e"
-  integrity sha512-bpoAAC+YRfzq0dsTk+6v9aHm/uqnDwayNAXleMypGl6CpxI9oXXscVHo4fk3eJPIn+rsbtNetB4r/ZIidFIE8A==
-  dependencies:
-    confusing-browser-globals "^1.0.10"
-
-eslint-import-resolver-alias@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-alias/-/eslint-import-resolver-alias-1.1.2.tgz#297062890e31e4d6651eb5eba9534e1f6e68fc97"
-  integrity sha512-WdviM1Eu834zsfjHtcGHtGfcu+F30Od3V7I9Fi57uhBEwPkjDcii7/yW8jAT+gOhn4P/vOxxNAXbFAKsrrc15w==
-
-eslint-import-resolver-babel-module@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-babel-module/-/eslint-import-resolver-babel-module-5.2.0.tgz#0d328bd8e5968daebcb4d705e0cfec0819a4c23f"
-  integrity sha512-BoVKAfaveJSzKGI1wIaomg/lEbE7Zr08+fDSCWccgYrE9wRQjCbtYIQsNRNYFCcwbFv48/y+Qa19FwOv0B5g5A==
-  dependencies:
-    pkg-up "^2.0.0"
-    resolve "^1.10.0"
-
-eslint-import-resolver-node@^0.3.4:
-  version "0.3.4"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
-  integrity sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==
-  dependencies:
-    debug "^2.6.9"
-    resolve "^1.13.1"
-
-eslint-module-utils@^2.6.0:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.6.0.tgz#579ebd094f56af7797d19c9866c9c9486629bfa6"
-  integrity sha512-6j9xxegbqe8/kZY8cYpcp0xhbK0EgJlg3g9mib3/miLaExuuwc3n5UEfSnU6hWMbT0FAYVvDbL9RrRgpUeQIvA==
-  dependencies:
-    debug "^2.6.9"
-    pkg-dir "^2.0.0"
-
-eslint-plugin-babel@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-babel/-/eslint-plugin-babel-5.3.1.tgz#75a2413ffbf17e7be57458301c60291f2cfbf560"
-  integrity sha512-VsQEr6NH3dj664+EyxJwO4FCYm/00JhYb3Sk3ft8o+fpKuIfQ9TaW6uVUfvwMXHcf/lsnRIoyFPsLMyiWCSL/g==
-  dependencies:
-    eslint-rule-composer "^0.3.0"
-
-eslint-plugin-es@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz#75a7cdfdccddc0589934aeeb384175f221c57893"
-  integrity sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==
+eslint-import-resolver-node@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
+  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
   dependencies:
-    eslint-utils "^2.0.0"
-    regexpp "^3.0.0"
-
-eslint-plugin-flowtype@^5.2.0:
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-5.4.0.tgz#a559526e56403cb97b470b524957fc526e2485fe"
-  integrity sha512-O0s0iTT5UxYuoOpHMLSIO2qZMyvrb9shhk1EM5INNGtJ2CffrfUmsnh6TVsnoT41fkXIEndP630WNovhoO87xQ==
-  dependencies:
-    lodash "^4.17.15"
-    string-natural-compare "^3.0.1"
-
-eslint-plugin-import@^2.22.1:
-  version "2.22.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.22.1.tgz#0896c7e6a0cf44109a2d97b95903c2bb689d7702"
-  integrity sha512-8K7JjINHOpH64ozkAhpT3sd+FswIZTfMZTjdx052pnWrgRCVfp8op9tbjpAk3DdUeI/Ba4C8OjdC0r90erHEOw==
-  dependencies:
-    array-includes "^3.1.1"
-    array.prototype.flat "^1.2.3"
-    contains-path "^0.1.0"
-    debug "^2.6.9"
-    doctrine "1.5.0"
-    eslint-import-resolver-node "^0.3.4"
-    eslint-module-utils "^2.6.0"
-    has "^1.0.3"
-    minimatch "^3.0.4"
-    object.values "^1.1.1"
-    read-pkg-up "^2.0.0"
-    resolve "^1.17.0"
-    tsconfig-paths "^3.9.0"
+    debug "^3.2.7"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
+
+eslint-module-utils@^2.12.0:
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz#fe4cfb948d61f49203d7b08871982b65b9af0b0b"
+  integrity sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==
+  dependencies:
+    debug "^3.2.7"
+
+eslint-plugin-import@^2.31.0:
+  version "2.31.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz#310ce7e720ca1d9c0bb3f69adfd1c6bdd7d9e0e7"
+  integrity sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==
+  dependencies:
+    "@rtsao/scc" "^1.1.0"
+    array-includes "^3.1.8"
+    array.prototype.findlastindex "^1.2.5"
+    array.prototype.flat "^1.3.2"
+    array.prototype.flatmap "^1.3.2"
+    debug "^3.2.7"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.9"
+    eslint-module-utils "^2.12.0"
+    hasown "^2.0.2"
+    is-core-module "^2.15.1"
+    is-glob "^4.0.3"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    object.groupby "^1.0.3"
+    object.values "^1.2.0"
+    semver "^6.3.1"
+    string.prototype.trimend "^1.0.8"
+    tsconfig-paths "^3.15.0"
 
-eslint-plugin-jest-dom@^3.3.0:
-  version "3.6.5"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest-dom/-/eslint-plugin-jest-dom-3.6.5.tgz#61459d1db52873d438983d3aa84aaa9804eff222"
-  integrity sha512-iaJ5aSQghp9u2ciLAseWIVu7X5tW+WwNJwMBDToK4GBfwGXXQJDLt5IBNtm6fHvC3FRzCGwvyNMIG1g5gF+icQ==
+eslint-plugin-jest-dom@^5.5.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest-dom/-/eslint-plugin-jest-dom-5.5.0.tgz#3ccdfe197eddb4108f390db583057a5dacccd4a0"
+  integrity sha512-CRlXfchTr7EgC3tDI7MGHY6QjdJU5Vv2RPaeeGtkXUHnKZf04kgzMPIJUXt4qKCvYWVVIEo9ut9Oq1vgXAykEA==
   dependencies:
-    "@babel/runtime" "^7.9.6"
-    "@testing-library/dom" "^7.28.1"
+    "@babel/runtime" "^7.16.3"
     requireindex "^1.2.0"
 
-eslint-plugin-jest@^24.1.3:
-  version "24.3.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-24.3.2.tgz#30a8b2dea6278d0da1d6fb9d6cd530aaf58050a1"
-  integrity sha512-cicWDr+RvTAOKS3Q/k03+Z3odt3VCiWamNUHWd6QWbVQWcYJyYgUTu8x0mx9GfeDEimawU5kQC+nQ3MFxIM6bw==
-  dependencies:
-    "@typescript-eslint/experimental-utils" "^4.0.1"
-
-eslint-plugin-jsx-a11y@^6.4.1:
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz#a2d84caa49756942f42f1ffab9002436391718fd"
-  integrity sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==
-  dependencies:
-    "@babel/runtime" "^7.11.2"
-    aria-query "^4.2.2"
-    array-includes "^3.1.1"
-    ast-types-flow "^0.0.7"
-    axe-core "^4.0.2"
-    axobject-query "^2.2.0"
-    damerau-levenshtein "^1.0.6"
-    emoji-regex "^9.0.0"
-    has "^1.0.3"
-    jsx-ast-utils "^3.1.0"
-    language-tags "^1.0.5"
-
-eslint-plugin-node@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz#c95544416ee4ada26740a30474eefc5402dc671d"
-  integrity sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==
-  dependencies:
-    eslint-plugin-es "^3.0.0"
-    eslint-utils "^2.0.0"
-    ignore "^5.1.1"
-    minimatch "^3.0.4"
-    resolve "^1.10.1"
-    semver "^6.1.0"
-
-eslint-plugin-prettier@^3.1.4:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.3.1.tgz#7079cfa2497078905011e6f82e8dd8453d1371b7"
-  integrity sha512-Rq3jkcFY8RYeQLgk2cCwuc0P7SEFwDravPhsJZOQ5N4YI4DSg50NyqJ/9gdZHzQlHf8MvafSesbNJCcP/FF6pQ==
+eslint-plugin-jest@^28.11.0:
+  version "28.11.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-28.11.0.tgz#2641ecb4411941bbddb3d7cf8a8ff1163fbb510e"
+  integrity sha512-QAfipLcNCWLVocVbZW8GimKn5p5iiMcgGbRzz8z/P5q7xw+cNEpYqyzFMtIF/ZgF2HLOyy+dYBut+DoYolvqig==
   dependencies:
-    prettier-linter-helpers "^1.0.0"
-
-eslint-plugin-promise@^4.2.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-4.3.1.tgz#61485df2a359e03149fdafc0a68b0e030ad2ac45"
-  integrity sha512-bY2sGqyptzFBDLh/GMbAxfdJC+b0f23ME63FOE4+Jao0oZ3E1LEwFtWJX/1pGMJLiTtrSSern2CRM/g+dfc0eQ==
+    "@typescript-eslint/utils" "^6.0.0 || ^7.0.0 || ^8.0.0"
 
-eslint-plugin-react-hooks@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz#8c229c268d468956334c943bb45fc860280f5556"
-  integrity sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==
-
-eslint-plugin-react@^7.21.5:
-  version "7.22.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.22.0.tgz#3d1c542d1d3169c45421c1215d9470e341707269"
-  integrity sha512-p30tuX3VS+NWv9nQot9xIGAHBXR0+xJVaZriEsHoJrASGCJZDJ8JLNM0YqKqI0AKm6Uxaa1VUHoNEibxRCMQHA==
-  dependencies:
-    array-includes "^3.1.1"
-    array.prototype.flatmap "^1.2.3"
+eslint-plugin-react-hooks@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.1.0.tgz#3d34e37d5770866c34b87d5b499f5f0b53bf0854"
+  integrity sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==
+
+eslint-plugin-react@^7.37.2:
+  version "7.37.4"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.37.4.tgz#1b6c80b6175b6ae4b26055ae4d55d04c414c7181"
+  integrity sha512-BGP0jRmfYyvOyvMoRX/uoUeW+GqNj9y16bPQzqAHf3AYII/tDs+jMN0dBVkl88/OZwNGwrVFxE7riHsXVfy/LQ==
+  dependencies:
+    array-includes "^3.1.8"
+    array.prototype.findlast "^1.2.5"
+    array.prototype.flatmap "^1.3.3"
+    array.prototype.tosorted "^1.1.4"
     doctrine "^2.1.0"
-    has "^1.0.3"
+    es-iterator-helpers "^1.2.1"
+    estraverse "^5.3.0"
+    hasown "^2.0.2"
     jsx-ast-utils "^2.4.1 || ^3.0.0"
-    object.entries "^1.1.2"
-    object.fromentries "^2.0.2"
-    object.values "^1.1.1"
-    prop-types "^15.7.2"
-    resolve "^1.18.1"
-    string.prototype.matchall "^4.0.2"
-
-eslint-plugin-sort-destructure-keys@1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-sort-destructure-keys/-/eslint-plugin-sort-destructure-keys-1.3.5.tgz#c6f45c3e58d4435564025a6ca5f4a838010800fd"
-  integrity sha512-JmVpidhDsLwZsmRDV7Tf/vZgOAOEQGkLtwToSvX5mD8fuWYS/xkgMRBsalW1fGlc8CgJJwnzropt4oMQ7YCHLg==
-  dependencies:
-    natural-compare-lite "^1.4.0"
-
-eslint-plugin-sort-keys-fix@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-sort-keys-fix/-/eslint-plugin-sort-keys-fix-1.1.2.tgz#00c8b5791612ec32162b8d7a0563e9c6eb27ec59"
-  integrity sha512-DNPHFGCA0/hZIsfODbeLZqaGY/+q3vgtshF85r+YWDNCQ2apd9PNs/zL6ttKm0nD1IFwvxyg3YOTI7FHl4unrw==
-  dependencies:
-    espree "^6.1.2"
-    esutils "^2.0.2"
-    natural-compare "^1.4.0"
-    requireindex "~1.2.0"
-
-eslint-plugin-testing-library@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-testing-library/-/eslint-plugin-testing-library-6.2.0.tgz#af3340b783c881eb19ec5ac6b3a4bfe8ab4a1f74"
-  integrity sha512-+LCYJU81WF2yQ+Xu4A135CgK8IszcFcyMF4sWkbiu6Oj+Nel0TrkZq/HvDw0/1WuO3dhDQsZA/OpEMGd0NfcUw==
-  dependencies:
-    "@typescript-eslint/utils" "^5.58.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.8"
+    object.fromentries "^2.0.8"
+    object.values "^1.2.1"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.5"
+    semver "^6.3.1"
+    string.prototype.matchall "^4.0.12"
+    string.prototype.repeat "^1.0.0"
 
-eslint-plugin-typescript-sort-keys@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-typescript-sort-keys/-/eslint-plugin-typescript-sort-keys-2.1.0.tgz#f51764518aa512d83df9ba68ab2520b7b85ece2d"
-  integrity sha512-ET7ABypdz19m47QnKynzNfWPi4CTNQ5jQQC1X5d0gojIwblkbGiCa5IilsqzBTmqxZ0yXDqKBO/GBkBFQCOFsg==
+eslint-plugin-sort-destructure-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-sort-destructure-keys/-/eslint-plugin-sort-destructure-keys-2.0.0.tgz#23d26e3db4a8fb73fcd0dfceb2de4c517e6d603f"
+  integrity sha512-4w1UQCa3o/YdfWaLr9jY8LfGowwjwjmwClyFLxIsToiyIdZMq3x9Ti44nDn34DtTPP7PWg96tUONKVmATKhYGQ==
   dependencies:
-    "@typescript-eslint/experimental-utils" "^5.0.0"
-    json-schema "^0.4.0"
     natural-compare-lite "^1.4.0"
 
-eslint-rule-composer@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz#79320c927b0c5c0d3d3d2b76c8b4a488f25bbaf9"
-  integrity sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==
-
-eslint-scope@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
-  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+eslint-scope@^8.2.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.2.0.tgz#377aa6f1cb5dc7592cfd0b7f892fd0cf352ce442"
+  integrity sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==
   dependencies:
     esrecurse "^4.3.0"
-    estraverse "^4.1.1"
-
-eslint-utils@^2.0.0, eslint-utils@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
-  integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
-  dependencies:
-    eslint-visitor-keys "^1.1.0"
-
-eslint-utils@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
-  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
-  dependencies:
-    eslint-visitor-keys "^2.0.0"
-
-eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
-  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
+    estraverse "^5.2.0"
 
-eslint-visitor-keys@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz#21fdc8fbcd9c795cc0321f0563702095751511a8"
-  integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==
+eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint-visitor-keys@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
-  integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
+eslint-visitor-keys@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45"
+  integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==
 
-eslint@7.14.0:
-  version "7.14.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.14.0.tgz#2d2cac1d28174c510a97b377f122a5507958e344"
-  integrity sha512-5YubdnPXrlrYAFCKybPuHIAH++PINe1pmKNc5wQRB9HSbqIK1ywAnntE3Wwua4giKu0bjligf1gLF6qxMGOYRA==
+eslint@^9.16.0:
+  version "9.19.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.19.0.tgz#ffa1d265fc4205e0f8464330d35f09e1d548b1bf"
+  integrity sha512-ug92j0LepKlbbEv6hD911THhoRHmbdXt2gX+VDABAW/Ir7D3nqKdv5Pf5vtlyY6HQMTEP2skXY43ueqTCWssEA==
   dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@eslint/eslintrc" "^0.2.1"
-    ajv "^6.10.0"
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.12.1"
+    "@eslint/config-array" "^0.19.0"
+    "@eslint/core" "^0.10.0"
+    "@eslint/eslintrc" "^3.2.0"
+    "@eslint/js" "9.19.0"
+    "@eslint/plugin-kit" "^0.2.5"
+    "@humanfs/node" "^0.16.6"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@humanwhocodes/retry" "^0.4.1"
+    "@types/estree" "^1.0.6"
+    "@types/json-schema" "^7.0.15"
+    ajv "^6.12.4"
     chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.0.1"
-    doctrine "^3.0.0"
-    enquirer "^2.3.5"
-    eslint-scope "^5.1.1"
-    eslint-utils "^2.1.0"
-    eslint-visitor-keys "^2.0.0"
-    espree "^7.3.0"
-    esquery "^1.2.0"
+    cross-spawn "^7.0.6"
+    debug "^4.3.2"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^8.2.0"
+    eslint-visitor-keys "^4.2.0"
+    espree "^10.3.0"
+    esquery "^1.5.0"
     esutils "^2.0.2"
-    file-entry-cache "^5.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob-parent "^5.0.0"
-    globals "^12.1.0"
-    ignore "^4.0.6"
-    import-fresh "^3.0.0"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^8.0.0"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    ignore "^5.2.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
-    js-yaml "^3.13.1"
     json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
-    lodash "^4.17.19"
-    minimatch "^3.0.4"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
     natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    progress "^2.0.0"
-    regexpp "^3.1.0"
-    semver "^7.2.1"
-    strip-ansi "^6.0.0"
-    strip-json-comments "^3.1.0"
-    table "^5.2.3"
-    text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
-
-espree@^6.1.2:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
-  integrity sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-jsx "^5.2.0"
-    eslint-visitor-keys "^1.1.0"
+    optionator "^0.9.3"
 
-espree@^7.3.0:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.1.tgz#f2df330b752c6f55019f8bd89b7660039c1bbbb6"
-  integrity sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==
+espree@^10.0.1, espree@^10.3.0:
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.3.0.tgz#29267cf5b0cb98735b65e64ba07e0ed49d1eed8a"
+  integrity sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==
   dependencies:
-    acorn "^7.4.0"
-    acorn-jsx "^5.3.1"
-    eslint-visitor-keys "^1.3.0"
+    acorn "^8.14.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^4.2.0"
 
 esprima@^4.0.0, esprima@^4.0.1, esprima@~4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.2.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.4.0.tgz#2148ffc38b82e8c7057dfed48425b3e61f0f24a5"
-  integrity sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==
+esquery@^1.5.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
   dependencies:
     estraverse "^5.1.0"
 
@@ -5913,12 +5801,7 @@ esrecurse@^4.3.0:
   dependencies:
     estraverse "^5.2.0"
 
-estraverse@^4.1.1:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
-  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
-
-estraverse@^5.1.0, estraverse@^5.2.0:
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
@@ -6086,31 +5969,26 @@ extglob@^2.0.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-fast-deep-equal@^3.1.1:
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-diff@^1.1.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
-  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
-
 fast-fifo@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/fast-fifo/-/fast-fifo-1.1.0.tgz#17d1a3646880b9891dfa0c54e69c5fef33cad779"
   integrity sha512-Kl29QoNbNvn4nhDsLYjyIAaIqaJB6rBx5p3sL9VjaefJ+eMFBWVZiaoguaoZfzEKr5RhAti0UgM8703akGPJ6g==
 
-fast-glob@^3.2.9:
-  version "3.2.12"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
-  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
+fast-glob@^3.2.9, fast-glob@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
+  integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
   dependencies:
     "@nodelib/fs.stat" "^2.0.2"
     "@nodelib/fs.walk" "^1.2.3"
     glob-parent "^5.1.2"
     merge2 "^1.3.0"
-    micromatch "^4.0.4"
+    micromatch "^4.0.8"
 
 fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   version "2.1.0"
@@ -6155,12 +6033,12 @@ figures@^3.0.0:
   dependencies:
     escape-string-regexp "^1.0.5"
 
-file-entry-cache@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
-  integrity sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==
+file-entry-cache@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz#7787bddcf1131bffb92636c69457bbc0edd6d81f"
+  integrity sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==
   dependencies:
-    flat-cache "^2.0.1"
+    flat-cache "^4.0.0"
 
 file-selector@^0.6.0:
   version "0.6.0"
@@ -6228,7 +6106,7 @@ find-cache-dir@^2.0.0:
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
-find-up@^2.0.0, find-up@^2.1.0:
+find-up@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
   integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
@@ -6270,19 +6148,18 @@ fix-webm-duration@^1.0.5:
   resolved "https://registry.yarnpkg.com/fix-webm-duration/-/fix-webm-duration-1.0.5.tgz#da4558a92196a677302bfc54780b494dd5336a96"
   integrity sha512-b6oula3OfSknx0aWoLsxvp4DVIYbwsf+UAkr6EDAK3iuMYk/OSNKzmeSI61GXK0MmFTEuzle19BPvTxMIKjkZg==
 
-flat-cache@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
-  integrity sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==
+flat-cache@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-4.0.1.tgz#0ece39fcb14ee012f4b0410bd33dd9c1f011127c"
+  integrity sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==
   dependencies:
-    flatted "^2.0.0"
-    rimraf "2.6.3"
-    write "1.0.3"
+    flatted "^3.2.9"
+    keyv "^4.5.4"
 
-flatted@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
-  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
+flatted@^3.2.9:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.2.tgz#adba1448a9841bec72b42c532ea23dbbedef1a27"
+  integrity sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==
 
 flow-parser@^0.179.0:
   version "0.179.0"
@@ -6451,27 +6328,24 @@ fsevents@^2.3.2, fsevents@~2.3.2:
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
   integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
 
-function-bind@^1.1.1, function-bind@^1.1.2:
+function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
   integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
 
-function.prototype.name@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
-  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
+function.prototype.name@^1.1.6, function.prototype.name@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.8.tgz#e68e1df7b259a5c949eeef95cdbde53edffabb78"
+  integrity sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.0"
-    functions-have-names "^1.2.2"
-
-functional-red-black-tree@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
-  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    functions-have-names "^1.2.3"
+    hasown "^2.0.2"
+    is-callable "^1.2.7"
 
-functions-have-names@^1.2.2:
+functions-have-names@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
   integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
@@ -6505,14 +6379,21 @@ get-east-asian-width@^1.0.0:
   resolved "https://registry.yarnpkg.com/get-east-asian-width/-/get-east-asian-width-1.2.0.tgz#5e6ebd9baee6fb8b7b6bd505221065f0cd91f64e"
   integrity sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==
 
-get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.0.tgz#7ad1dc0535f3a2904bba075772763e5051f6d05f"
-  integrity sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==
+get-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.2.6, get-intrinsic@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.7.tgz#dcfcb33d3272e15f445d15124bc0a216189b9044"
+  integrity sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==
   dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.3"
+    call-bind-apply-helpers "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    function-bind "^1.1.2"
+    get-proto "^1.0.0"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.1.0"
 
 get-package-type@^0.1.0:
   version "0.1.0"
@@ -6524,10 +6405,13 @@ get-port@^5.0.0:
   resolved "https://registry.yarnpkg.com/get-port/-/get-port-5.1.1.tgz#0469ed07563479de6efb986baf053dcd7d4e3193"
   integrity sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==
 
-get-stdin@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
-  integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
+get-proto@^1.0.0, get-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
+  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-object-atoms "^1.0.0"
 
 get-stream@^6.0.0:
   version "6.0.1"
@@ -6539,13 +6423,14 @@ get-stream@^8.0.1:
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-8.0.1.tgz#def9dfd71742cd7754a7761ed43749a27d02eca2"
   integrity sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==
 
-get-symbol-description@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6"
-  integrity sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==
+get-symbol-description@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.1.0.tgz#7bdd54e0befe8ffc9f3b4e203220d9f1e881b6ee"
+  integrity sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==
   dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.1"
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
 
 get-value@^2.0.3, get-value@^2.0.6:
   version "2.0.6"
@@ -6583,13 +6468,20 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
-glob-parent@^5.0.0, glob-parent@^5.1.2, glob-parent@~5.1.2:
+glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
 glob-regex@^0.3.0:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/glob-regex/-/glob-regex-0.3.2.tgz#27348f2f60648ec32a4a53137090b9fb934f3425"
@@ -6646,26 +6538,30 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^12.1.0:
-  version "12.4.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-12.4.0.tgz#a18813576a41b00a24a97e7f815918c2e19925f8"
-  integrity sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==
-  dependencies:
-    type-fest "^0.8.1"
+globals@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e"
+  integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
+
+globals@^15.13.0:
+  version "15.14.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-15.14.0.tgz#b8fd3a8941ff3b4d38f3319d433b61bbb482e73f"
+  integrity sha512-OkToC372DtlQeje9/zHIo5CT8lRP/FUgEOKBEhU4e0abL7J7CD24fD9ohiLN5hagG/kWCYj4K5oaxxtj2Z0Dig==
 
 globals@^9.18.0:
   version "9.18.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
   integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
 
-globalthis@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
-  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
+globalthis@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
   dependencies:
-    define-properties "^1.1.3"
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
 
-globby@^11.0.0, globby@^11.0.1, globby@^11.0.3, globby@^11.0.4, globby@^11.1.0:
+globby@^11.0.0, globby@^11.0.1, globby@^11.0.4:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -6682,12 +6578,10 @@ globrex@^0.1.2:
   resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
   integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==
 
-gopd@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
-  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
-  dependencies:
-    get-intrinsic "^1.1.3"
+gopd@^1.0.1, gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
 
 graceful-fs@4.2.10:
   version "4.2.10"
@@ -6735,7 +6629,7 @@ has-ansi@^2.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
-has-bigints@^1.0.1, has-bigints@^1.0.2:
+has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
   integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
@@ -6750,29 +6644,31 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-property-descriptors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
-  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
+has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
   dependencies:
-    get-intrinsic "^1.1.1"
+    es-define-property "^1.0.0"
 
-has-proto@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
-  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
+has-proto@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.2.0.tgz#5de5a6eabd95fdffd9818b43055e8065e39fe9d5"
+  integrity sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==
+  dependencies:
+    dunder-proto "^1.0.0"
 
-has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
-  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+has-symbols@^1.0.3, has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
 
-has-tostringtag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25"
-  integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==
+has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
   dependencies:
-    has-symbols "^1.0.2"
+    has-symbols "^1.0.3"
 
 has-unicode@^2.0.1:
   version "2.0.1"
@@ -6810,13 +6706,6 @@ has-values@^1.0.0:
     is-number "^3.0.0"
     kind-of "^4.0.0"
 
-has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  dependencies:
-    function-bind "^1.1.1"
-
 hash-base@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.1.0.tgz#55c381d9e06e1d2997a883b4a3fddfe7f0d3af33"
@@ -6834,7 +6723,7 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
-hasown@^2.0.0:
+hasown@^2.0.0, hasown@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
   integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
@@ -7138,15 +7027,10 @@ ignore-walk@^5.0.1:
   dependencies:
     minimatch "^5.0.1"
 
-ignore@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
-  integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
-
-ignore@^5.1.1, ignore@^5.2.0:
-  version "5.2.4"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
-  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
+ignore@^5.2.0, ignore@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
 import-fresh@^3.0.0, import-fresh@^3.2.1, import-fresh@^3.3.0:
   version "3.3.0"
@@ -7225,14 +7109,14 @@ inline-style-parser@0.1.1:
   resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.1.1.tgz#ec8a3b429274e9c0a1f1c4ffa9453a7fef72cea1"
   integrity sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==
 
-internal-slot@^1.0.3, internal-slot@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
-  integrity sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==
+internal-slot@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.1.0.tgz#1eac91762947d2f7056bc838d93e13b2e9604961"
+  integrity sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==
   dependencies:
-    get-intrinsic "^1.2.0"
-    has "^1.0.3"
-    side-channel "^1.0.4"
+    es-errors "^1.3.0"
+    hasown "^2.0.2"
+    side-channel "^1.1.0"
 
 into-stream@^6.0.0:
   version "6.0.0"
@@ -7299,26 +7183,37 @@ is-alphanumerical@^1.0.0:
     is-alphabetical "^1.0.0"
     is-decimal "^1.0.0"
 
-is-array-buffer@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.1.tgz#deb1db4fcae48308d54ef2442706c0393997052a"
-  integrity sha512-ASfLknmY8Xa2XtB4wmbz13Wu202baeA18cJBCeCy0wXUHZF0IPyVEXqKEcd+t2fNSLLL1vC6k7lxZEojNbISXQ==
+is-array-buffer@^3.0.4, is-array-buffer@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.5.tgz#65742e1e687bd2cc666253068fd8707fe4d44280"
+  integrity sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==
   dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.3"
-    is-typed-array "^1.1.10"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
 
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
-is-bigint@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
-  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+is-async-function@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.1.1.tgz#3e69018c8e04e73b738793d020bfe884b9fd3523"
+  integrity sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==
   dependencies:
-    has-bigints "^1.0.1"
+    async-function "^1.0.0"
+    call-bound "^1.0.3"
+    get-proto "^1.0.1"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
+
+is-bigint@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.1.0.tgz#dda7a3445df57a42583db4228682eba7c4170672"
+  integrity sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==
+  dependencies:
+    has-bigints "^1.0.2"
 
 is-binary-path@^1.0.0:
   version "1.0.1"
@@ -7334,13 +7229,13 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
-is-boolean-object@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
-  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
+is-boolean-object@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.2.1.tgz#c20d0c654be05da4fbc23c562635c019e93daf89"
+  integrity sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==
   dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
 
 is-buffer@^1.1.5:
   version "1.1.6"
@@ -7352,7 +7247,7 @@ is-buffer@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191"
   integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
 
-is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
+is-callable@^1.1.3, is-callable@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
@@ -7364,12 +7259,12 @@ is-cidr@^4.0.2:
   dependencies:
     cidr-regex "^3.1.1"
 
-is-core-module@^2.13.0, is-core-module@^2.5.0, is-core-module@^2.8.1:
-  version "2.13.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384"
-  integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==
+is-core-module@^2.13.0, is-core-module@^2.15.1, is-core-module@^2.16.0, is-core-module@^2.5.0, is-core-module@^2.8.1:
+  version "2.16.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
+  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
   dependencies:
-    hasown "^2.0.0"
+    hasown "^2.0.2"
 
 is-data-descriptor@^0.1.4:
   version "0.1.4"
@@ -7385,12 +7280,22 @@ is-data-descriptor@^1.0.0:
   dependencies:
     kind-of "^6.0.0"
 
-is-date-object@^1.0.1:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
-  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
+is-data-view@^1.0.1, is-data-view@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.2.tgz#bae0a41b9688986c2188dda6657e56b8f9e63b8e"
+  integrity sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==
+  dependencies:
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    is-typed-array "^1.1.13"
+
+is-date-object@^1.0.5, is-date-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.1.0.tgz#ad85541996fc7aa8b2729701d27b7319f95d82f7"
+  integrity sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==
   dependencies:
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
 
 is-decimal@^1.0.0:
   version "1.0.4"
@@ -7437,10 +7342,12 @@ is-extglob@^2.1.0, is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
-is-fullwidth-code-point@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-  integrity sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==
+is-finalizationregistry@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz#eefdcdc6c94ddd0674d9c85887bf93f944a97c90"
+  integrity sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==
+  dependencies:
+    call-bound "^1.0.3"
 
 is-fullwidth-code-point@^3.0.0:
   version "3.0.0"
@@ -7464,6 +7371,16 @@ is-generator-fn@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
   integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
 
+is-generator-function@^1.0.10:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.0.tgz#bf3eeda931201394f57b5dba2800f91a238309ca"
+  integrity sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-proto "^1.0.0"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
+
 is-glob@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
@@ -7488,22 +7405,23 @@ is-lambda@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-lambda/-/is-lambda-1.0.1.tgz#3d9877899e6a53efc0160504cde15f82e6f061d5"
   integrity sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==
 
+is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
+
 is-negated-glob@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-negated-glob/-/is-negated-glob-1.0.0.tgz#6910bca5da8c95e784b5751b976cf5a10fee36d2"
   integrity sha512-czXVVn/QEmgvej1f50BZ648vUI+em0xqMq2Sn+QncCLN4zj1UAxlT+kw/6ggQTOaZPd1HqKQGEqbpQVtJucWug==
 
-is-negative-zero@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
-  integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
-
-is-number-object@^1.0.4:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
-  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
+is-number-object@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.1.1.tgz#144b21e95a1bc148205dcc2814a9134ec41b2541"
+  integrity sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==
   dependencies:
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
 
 is-number@^3.0.0:
   version "3.0.0"
@@ -7564,13 +7482,15 @@ is-potential-custom-element-name@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
   integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
 
-is-regex@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
-  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+is-regex@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
+  integrity sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==
   dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.2"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
 
 is-relative@^1.0.0:
   version "1.0.0"
@@ -7579,12 +7499,17 @@ is-relative@^1.0.0:
   dependencies:
     is-unc-path "^1.0.0"
 
-is-shared-array-buffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
-  integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
+is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
+
+is-shared-array-buffer@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz#9b67844bd9b7f246ba0708c3a93e34269c774f6f"
+  integrity sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==
   dependencies:
-    call-bind "^1.0.2"
+    call-bound "^1.0.3"
 
 is-stream@^2.0.0:
   version "2.0.1"
@@ -7596,19 +7521,22 @@ is-stream@^3.0.0:
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
   integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
 
-is-string@^1.0.5, is-string@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
-  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
+is-string@^1.0.7, is-string@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.1.1.tgz#92ea3f3d5c5b6e039ca8677e5ac8d07ea773cbb9"
+  integrity sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==
   dependencies:
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
 
-is-symbol@^1.0.2, is-symbol@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
-  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
+is-symbol@^1.0.4, is-symbol@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.1.1.tgz#f47761279f532e2b05a7024a7506dbbedacd0634"
+  integrity sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==
   dependencies:
-    has-symbols "^1.0.2"
+    call-bound "^1.0.2"
+    has-symbols "^1.1.0"
+    safe-regex-test "^1.1.0"
 
 is-text-path@^1.0.1:
   version "1.0.1"
@@ -7624,16 +7552,12 @@ is-text-path@^2.0.0:
   dependencies:
     text-extensions "^2.0.0"
 
-is-typed-array@^1.1.10, is-typed-array@^1.1.9:
-  version "1.1.10"
-  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.10.tgz#36a5b5cb4189b575d1a3e4b08536bfb485801e3f"
-  integrity sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==
+is-typed-array@^1.1.13, is-typed-array@^1.1.14, is-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
+  integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
   dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-tostringtag "^1.0.0"
+    which-typed-array "^1.1.16"
 
 is-unc-path@^1.0.0:
   version "1.0.0"
@@ -7652,12 +7576,25 @@ is-valid-glob@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-valid-glob/-/is-valid-glob-1.0.0.tgz#29bf3eff701be2d4d315dbacc39bc39fe8f601aa"
   integrity sha512-AhiROmoEFDSsjx8hW+5sGwgKVIORcXnrlAx/R0ZSeaPw70Vw0CqkGBBhHGL58Uox2eXnU1AnvXJl1XlyedO5bA==
 
-is-weakref@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
-  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
+is-weakmap@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
+
+is-weakref@^1.0.2, is-weakref@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.0.tgz#47e3472ae95a63fa9cf25660bcf0c181c39770ef"
+  integrity sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==
   dependencies:
-    call-bind "^1.0.2"
+    call-bound "^1.0.2"
+
+is-weakset@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.4.tgz#c9f5deb0bc1906c6d6f1027f284ddf459249daca"
+  integrity sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
 
 is-windows@^1.0.1, is-windows@^1.0.2:
   version "1.0.2"
@@ -7671,11 +7608,16 @@ is-wsl@^2.2.0:
   dependencies:
     is-docker "^2.0.0"
 
-isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
+isarray@1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
   integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
 
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
@@ -7762,6 +7704,18 @@ istanbul-reports@^3.1.3:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
 
+iterator.prototype@^1.1.4:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.5.tgz#12c959a29de32de0aa3bbbb801f4d777066dae39"
+  integrity sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    get-proto "^1.0.0"
+    has-symbols "^1.1.0"
+    set-function-name "^2.0.2"
+
 jake@^10.8.5:
   version "10.9.2"
   resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.2.tgz#6ae487e6a69afec3a5e167628996b59f35ae2b7f"
@@ -8321,6 +8275,11 @@ jsesc@~0.5.0:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
 
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
 json-parse-better-errors@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
@@ -8341,11 +8300,6 @@ json-schema-traverse@^1.0.0:
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
   integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
 
-json-schema@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
-  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
-
 json-stable-stringify-without-jsonify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
@@ -8366,7 +8320,7 @@ json5@^0.5.1:
   resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
   integrity sha512-4xrs1aW+6N5DalkqSVA8fxh458CXvR99WU8WLKmq4v8eWAL86Xo3BVqyd3SkA9wEVjCMqyvvRRkshAdOnBp5rw==
 
-json5@^1.0.1:
+json5@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
   integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
@@ -8409,7 +8363,7 @@ jsonwebtoken@~9.0.0:
     ms "^2.1.1"
     semver "^7.3.8"
 
-"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.1.0:
+"jsx-ast-utils@^2.4.1 || ^3.0.0":
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.2.0.tgz#41108d2cec408c3453c1bbe8a4aae9e1e2bd8f82"
   integrity sha512-EIsmt3O3ljsU6sot/J4E1zDRxfBNrhjyf/OKjlydwgEimQuznlM4Wv7U+ueONJMyEn1WRE0K8dhi3dVAXYT24Q==
@@ -8444,6 +8398,13 @@ jws@^3.2.2:
     jwa "^1.4.1"
     safe-buffer "^5.0.1"
 
+keyv@^4.5.4:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
 kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
@@ -8478,18 +8439,6 @@ kleur@^4.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.1.5.tgz#95106101795f7050c6c650f350c683febddb1780"
   integrity sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==
 
-language-subtag-registry@~0.3.2:
-  version "0.3.21"
-  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz#04ac218bea46f04cb039084602c6da9e788dd45a"
-  integrity sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==
-
-language-tags@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.5.tgz#d321dbc4da30ba8bf3024e040fa5c14661f9193a"
-  integrity sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=
-  dependencies:
-    language-subtag-registry "~0.3.2"
-
 lazystream@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/lazystream/-/lazystream-1.0.1.tgz#494c831062f1f9408251ec44db1cba29242a2638"
@@ -8678,16 +8627,6 @@ listr2@8.0.1:
     rfdc "^1.3.0"
     wrap-ansi "^9.0.0"
 
-load-json-file@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
-  integrity sha512-3p6ZOGNbiX4CdvEd1VcE6yi78UrGNpjHO33noGwHCnT/o2fyllJDepsm8+mFFv/DvtwFHht5HIHSyOy5a+ChVQ==
-  dependencies:
-    graceful-fs "^4.1.2"
-    parse-json "^2.2.0"
-    pify "^2.0.0"
-    strip-bom "^3.0.0"
-
 load-json-file@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
@@ -8833,7 +8772,7 @@ lodash.upperfirst@^4.3.1:
   resolved "https://registry.yarnpkg.com/lodash.upperfirst/-/lodash.upperfirst-4.3.1.tgz#1365edf431480481ef0d1c68957a5ed99d49f7ce"
   integrity sha512-sReKOYJIJf74dhJONhU4e0/shzi1trVbSWDOhKYE5XV2O+H7Sb2Dihwuc7xWxVl+DgFPyTqIN3zMfT9cq5iWDg==
 
-lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.21, lodash@^4.17.4:
+lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.21, lodash@^4.17.4:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -8880,10 +8819,10 @@ lru-cache@^7.4.4, lru-cache@^7.5.1, lru-cache@^7.7.1:
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.18.1.tgz#4716408dec51d5d0104732647f584d1f6738b109"
   integrity sha512-8/HcIENyQnfUTCDizRu9rrDyG6XG/21M4X7/YEGZeD76ZJilFPAUVb/2zysFf7VVO1LEjCDFyHp8pMMvozIrvg==
 
-lz-string@^1.4.4:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
-  integrity sha1-wNjq82BZ9wV5bh40SBHPTEmNOiY=
+lz-string@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
+  integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
 
 magic-string@^0.25.7:
   version "0.25.9"
@@ -8993,6 +8932,11 @@ matcher-collection@^2.0.0:
     "@types/minimatch" "^3.0.3"
     minimatch "^3.0.2"
 
+math-intrinsics@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
 md5.js@^1.3.4:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
@@ -9523,10 +9467,10 @@ micromatch@^3.1.10, micromatch@^3.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
-micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.7.tgz#33e8190d9fe474a9895525f5618eee136d46c2e5"
-  integrity sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==
+micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5, micromatch@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
   dependencies:
     braces "^3.0.3"
     picomatch "^2.3.1"
@@ -9600,6 +9544,13 @@ minimatch@^5.0.1, minimatch@^5.1.0:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist-options@4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
@@ -9698,13 +9649,6 @@ mkdirp-infer-owner@^2.0.0:
     infer-owner "^1.0.4"
     mkdirp "^1.0.3"
 
-mkdirp@^0.5.1:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
-  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
-  dependencies:
-    minimist "^1.2.6"
-
 mkdirp@^1.0.3, mkdirp@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
@@ -9761,7 +9705,7 @@ ms@2.1.2:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-ms@2.1.3, ms@^2.0.0, ms@^2.1.1, ms@^2.1.2:
+ms@2.1.3, ms@^2.0.0, ms@^2.1.1, ms@^2.1.2, ms@^2.1.3:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
@@ -9878,7 +9822,7 @@ nopt@^6.0.0:
   dependencies:
     abbrev "^1.0.0"
 
-normalize-package-data@^2.3.2, normalize-package-data@^2.5.0:
+normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
   integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
@@ -10141,12 +10085,7 @@ nth-check@^2.0.1:
   dependencies:
     boolbase "^1.0.0"
 
-nwsapi@^2.2.12:
-  version "2.2.12"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.12.tgz#fb6af5c0ec35b27b4581eb3bbad34ec9e5c696f8"
-  integrity sha512-qXDmcVlZV4XRtKFzddidpfVP4oMSGhga+xdMc25mv8kaLUHtgzCDhUxkrN8exkGdTlLNaXj7CV3GtON7zuGZ+w==
-
-nwsapi@^2.2.2:
+nwsapi@^2.2.12, nwsapi@^2.2.2:
   version "2.2.16"
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.16.tgz#177760bba02c351df1d2644e220c31dfec8cdb43"
   integrity sha512-F1I/bimDpj3ncaNDhfyMWuFqmQDBwDB0Fogc2qpL3BWvkQteFD/8BzWuIRl83rq0DXfm8SGt/HFhLXZyljTXcQ==
@@ -10165,10 +10104,10 @@ object-copy@^0.1.0:
     define-property "^0.2.5"
     kind-of "^3.0.3"
 
-object-inspect@^1.12.2, object-inspect@^1.9.0:
-  version "1.12.3"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
-  integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
+object-inspect@^1.13.3:
+  version "1.13.3"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.3.tgz#f14c183de51130243d6d18ae149375ff50ea488a"
+  integrity sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==
 
 object-keys@^1.1.1:
   version "1.1.1"
@@ -10182,35 +10121,36 @@ object-visit@^1.0.0:
   dependencies:
     isobject "^3.0.0"
 
-object.assign@^4.0.4, object.assign@^4.1.0, object.assign@^4.1.2, object.assign@^4.1.4:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
-  integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    has-symbols "^1.0.3"
+object.assign@^4.0.4, object.assign@^4.1.0, object.assign@^4.1.2, object.assign@^4.1.7:
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.7.tgz#8c14ca1a424c6a561b0bb2a22f66f5049a945d3d"
+  integrity sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+    has-symbols "^1.1.0"
     object-keys "^1.1.1"
 
-object.entries@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.3.tgz#c601c7f168b62374541a07ddbd3e2d5e4f7711a6"
-  integrity sha512-ym7h7OZebNS96hn5IJeyUmaWhaSM4SVtAPPfNLQEI2MYWCO2egsITb9nab2+i/Pwibx+R0mtn+ltKJXRSeTMGg==
+object.entries@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.8.tgz#bffe6f282e01f4d17807204a24f8edd823599c41"
+  integrity sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==
   dependencies:
-    call-bind "^1.0.0"
-    define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.1"
-    has "^1.0.3"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
 
-object.fromentries@^2.0.2:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.4.tgz#26e1ba5c4571c5c6f0890cef4473066456a120b8"
-  integrity sha512-EsFBshs5RUUpQEY1D4q/m59kMfz4YJvxuNCJcv/jWwOJr34EaVnG11ZrZa0UHB3wnzV1wx8m58T4hQL8IuNXlQ==
+object.fromentries@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
+  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.2"
-    has "^1.0.3"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
 
 object.getownpropertydescriptors@^2.0.3:
   version "2.1.5"
@@ -10222,6 +10162,15 @@ object.getownpropertydescriptors@^2.0.3:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
+object.groupby@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.3.tgz#9b125c36238129f6f7b61954a1e7176148d5002e"
+  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+
 object.pick@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
@@ -10229,15 +10178,15 @@ object.pick@^1.3.0:
   dependencies:
     isobject "^3.0.1"
 
-object.values@^1.1.1:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.3.tgz#eaa8b1e17589f02f698db093f7c62ee1699742ee"
-  integrity sha512-nkF6PfDB9alkOUxpf1HNm/QlkeW3SReqL5WXeBLpEJJnlPSvRaDQpW3gQTksTN3fgJX4hL42RzKyOin6ff3tyw==
+object.values@^1.2.0, object.values@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.1.tgz#deed520a50809ff7f75a7cfd4bc64c7a038c6216"
+  integrity sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.2"
-    has "^1.0.3"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
 
 on-finished@2.4.1:
   version "2.4.1"
@@ -10281,17 +10230,17 @@ opener@^1.5.2:
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
   integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
 
-optionator@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
-  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
+optionator@^0.9.3:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
   dependencies:
     deep-is "^0.1.3"
     fast-levenshtein "^2.0.6"
     levn "^0.4.1"
     prelude-ls "^1.2.1"
     type-check "^0.4.0"
-    word-wrap "^1.2.3"
+    word-wrap "^1.2.5"
 
 ordered-read-streams@^1.0.0:
   version "1.0.1"
@@ -10300,6 +10249,15 @@ ordered-read-streams@^1.0.0:
   dependencies:
     readable-stream "^2.0.1"
 
+own-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/own-keys/-/own-keys-1.0.1.tgz#e4006910a2bf913585289676eebd6f390cf51358"
+  integrity sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==
+  dependencies:
+    get-intrinsic "^1.2.6"
+    object-keys "^1.1.1"
+    safe-push-apply "^1.0.0"
+
 p-each-series@^2.1.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-2.2.0.tgz#105ab0357ce72b202a8a8b94933672657b5e2a9a"
@@ -10467,13 +10425,6 @@ parse-entities@^2.0.0:
     is-decimal "^1.0.0"
     is-hexadecimal "^1.0.0"
 
-parse-json@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
-  integrity sha512-QR/GGaKCkhwk1ePQNYDRKYZ3mwU9ypsKhB0XyFnLQdomyEqk3e8wpW3V5Jp88zbxK4n5ST1nqo+g9juTpownhQ==
-  dependencies:
-    error-ex "^1.2.0"
-
 parse-json@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
@@ -10505,14 +10456,7 @@ parse5-htmlparser2-tree-adapter@^7.0.0:
     domhandler "^5.0.2"
     parse5 "^7.0.0"
 
-parse5@^7.0.0, parse5@^7.1.2:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
-  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
-  dependencies:
-    entities "^4.4.0"
-
-parse5@^7.1.1:
+parse5@^7.0.0, parse5@^7.1.1, parse5@^7.1.2:
   version "7.2.1"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.2.1.tgz#8928f55915e6125f430cc44309765bf17556a33a"
   integrity sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==
@@ -10574,13 +10518,6 @@ path-to-regexp@0.1.7:
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
   integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
 
-path-type@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
-  integrity sha512-dUnb5dXUf+kzhC/W/F4e5/SkluXIFf5VUHolW1Eg1irn1hGWjPGdsRcvYJ1nD6lhk8Ir7VM0bHJKsYTx8Jx9OQ==
-  dependencies:
-    pify "^2.0.0"
-
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
@@ -10612,11 +10549,6 @@ pidtree@0.6.0:
   resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.6.0.tgz#90ad7b6d42d5841e69e0a2419ef38f8883aa057c"
   integrity sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==
 
-pify@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
-
 pify@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
@@ -10647,13 +10579,6 @@ pkg-conf@^2.1.0:
     find-up "^2.0.0"
     load-json-file "^4.0.0"
 
-pkg-dir@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
-  integrity sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=
-  dependencies:
-    find-up "^2.1.0"
-
 pkg-dir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
@@ -10668,13 +10593,6 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-pkg-up@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f"
-  integrity sha1-yBmscoBZpGHKscOImivjxJoATX8=
-  dependencies:
-    find-up "^2.1.0"
-
 pkg-up@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5"
@@ -10701,6 +10619,11 @@ posix-character-classes@^0.1.0:
   resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
   integrity sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==
 
+possible-typed-array-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
+  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
+
 postcss-selector-parser@^6.0.10:
   version "6.0.11"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
@@ -10728,26 +10651,18 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prettier-linter-helpers@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
-  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
-  dependencies:
-    fast-diff "^1.1.2"
-
-prettier@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.2.1.tgz#795a1a78dd52f073da0cd42b21f9c91381923ff5"
-  integrity sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==
+prettier@^3.4.2:
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.4.2.tgz#a5ce1fb522a588bf2b78ca44c6e6fe5aa5a2b13f"
+  integrity sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==
 
-pretty-format@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.6.2.tgz#e35c2705f14cb7fe2fe94fa078345b444120fc93"
-  integrity sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==
+pretty-format@^27.0.2:
+  version "27.5.1"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
+  integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
   dependencies:
-    "@jest/types" "^26.6.2"
-    ansi-regex "^5.0.0"
-    ansi-styles "^4.0.0"
+    ansi-regex "^5.0.1"
+    ansi-styles "^5.0.0"
     react-is "^17.0.1"
 
 pretty-format@^29.0.0, pretty-format@^29.2.1, pretty-format@^29.7.0:
@@ -10779,11 +10694,6 @@ process-nextick-args@^2.0.0, process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-progress@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
-  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
-
 promise-all-reject-late@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/promise-all-reject-late/-/promise-all-reject-late-1.0.1.tgz#f8ebf13483e5ca91ad809ccc2fcf25f26f8643c2"
@@ -11151,14 +11061,6 @@ read-package-json@^5.0.0, read-package-json@^5.0.2:
     normalize-package-data "^4.0.0"
     npm-normalize-package-bin "^2.0.0"
 
-read-pkg-up@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
-  integrity sha512-1orxQfbWGUiTn9XsPlChs6rLie/AV9jwZTGmu2NZw/CUDJQchXJFYE0Fq5j7+n558T1JhDWLdhyd1Zj+wLY//w==
-  dependencies:
-    find-up "^2.0.0"
-    read-pkg "^2.0.0"
-
 read-pkg-up@^7.0.0, read-pkg-up@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
@@ -11168,15 +11070,6 @@ read-pkg-up@^7.0.0, read-pkg-up@^7.0.1:
     read-pkg "^5.2.0"
     type-fest "^0.8.1"
 
-read-pkg@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
-  integrity sha512-eFIBOPW7FGjzBuk3hdXEuNSiTZS/xEMlH49HxMyzb0hyPfu4EhVjT2DH32K1hSSmVq4sebAWnZuuY5auISUTGA==
-  dependencies:
-    load-json-file "^2.0.0"
-    normalize-package-data "^2.3.2"
-    path-type "^2.0.0"
-
 read-pkg@^5.0.0, read-pkg@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
@@ -11267,6 +11160,20 @@ redeyed@~2.1.0:
   dependencies:
     esprima "~4.0.0"
 
+reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz#c629219e78a3316d8b604c765ef68996964e7bf9"
+  integrity sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.9"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.1"
+    which-builtin-type "^1.2.1"
+
 regenerate-unicode-properties@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.0.1.tgz#7f442732aa7934a3740c779bb9b3340dccc1fb56"
@@ -11309,19 +11216,17 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     extend-shallow "^3.0.2"
     safe-regex "^1.1.0"
 
-regexp.prototype.flags@^1.3.1, regexp.prototype.flags@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
-  integrity sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==
+regexp.prototype.flags@^1.5.3:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz#1ad6c62d44a259007e55b3970e00f746efbcaa19"
+  integrity sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    functions-have-names "^1.2.2"
-
-regexpp@^3.0.0, regexpp@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
-  integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    set-function-name "^2.0.2"
 
 regexpu-core@^5.0.1:
   version "5.0.1"
@@ -11447,7 +11352,7 @@ require-from-string@^2.0.2:
   resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
   integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
 
-requireindex@^1.2.0, requireindex@~1.2.0:
+requireindex@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/requireindex/-/requireindex-1.2.0.tgz#3463cdb22ee151902635aa6c9535d4de9c2ef1ef"
   integrity sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==
@@ -11503,10 +11408,19 @@ resolve.exports@^2.0.0:
   resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.2.tgz#f8c934b8e6a13f539e38b7098e2e36134f01e800"
   integrity sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==
 
-resolve@^1.10.0, resolve@^1.10.1, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.20.0, resolve@^1.22.0:
-  version "1.22.8"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
-  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
+resolve@^1.10.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.4:
+  version "1.22.10"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
+  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
+  dependencies:
+    is-core-module "^2.16.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^2.0.0-next.5:
+  version "2.0.0-next.5"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
+  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
   dependencies:
     is-core-module "^2.13.0"
     path-parse "^1.0.7"
@@ -11545,13 +11459,6 @@ rfdc@^1.3.0:
   resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.1.tgz#2b6d4df52dffe8bb346992a10ea9451f24373a8f"
   integrity sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==
 
-rimraf@2.6.3:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
-  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
-  dependencies:
-    glob "^7.1.3"
-
 rimraf@^2.5.4:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
@@ -11629,6 +11536,17 @@ sade@^1.7.3:
   dependencies:
     mri "^1.1.0"
 
+safe-array-concat@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.3.tgz#c9e54ec4f603b0bbb8e7e5007a5ee7aecd1538c3"
+  integrity sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    has-symbols "^1.1.0"
+    isarray "^2.0.5"
+
 safe-buffer@5.2.1, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
@@ -11639,14 +11557,22 @@ safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-regex-test@^1.0.0:
+safe-push-apply@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
-  integrity sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==
+  resolved "https://registry.yarnpkg.com/safe-push-apply/-/safe-push-apply-1.0.0.tgz#01850e981c1602d398c85081f360e4e6d03d27f5"
+  integrity sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==
   dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.3"
-    is-regex "^1.1.4"
+    es-errors "^1.3.0"
+    isarray "^2.0.5"
+
+safe-regex-test@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
+  integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-regex "^1.2.1"
 
 safe-regex@^1.1.0:
   version "1.1.0"
@@ -11735,20 +11661,15 @@ semver@7.5.4:
   dependencies:
     lru-cache "^6.0.0"
 
-semver@^6.0.0, semver@^6.1.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0, semver@^6.3.1:
+semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0, semver@^6.3.1:
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.0.0, semver@^7.1.1, semver@^7.1.2, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4:
-  version "7.6.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
-  integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
-
-semver@^7.6.3:
-  version "7.6.3"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
-  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
+semver@^7.0.0, semver@^7.1.1, semver@^7.1.2, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4, semver@^7.6.0, semver@^7.6.3:
+  version "7.7.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.0.tgz#9c6fe61d0c6f9fa9e26575162ee5a9180361b09c"
+  integrity sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ==
 
 send@0.18.0:
   version "0.18.0"
@@ -11784,6 +11705,37 @@ set-blocking@^2.0.0:
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
 
+set-function-length@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+
+set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
+set-proto@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/set-proto/-/set-proto-1.0.0.tgz#0760dbcff30b2d7e801fd6e19983e56da337565e"
+  integrity sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+
 set-value@^2.0.0, set-value@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
@@ -11824,14 +11776,45 @@ shell-quote@^1.8.1:
   resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
   integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
 
-side-channel@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
-  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
+side-channel-list@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
+  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+
+side-channel-map@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/side-channel-map/-/side-channel-map-1.0.1.tgz#d6bb6b37902c6fef5174e5f533fab4c732a26f42"
+  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+
+side-channel-weakmap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz#11dda19d5368e40ce9ec2bdc1fb0ecbc0790ecea"
+  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+    side-channel-map "^1.0.1"
+
+side-channel@^1.0.4, side-channel@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
+  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
   dependencies:
-    call-bind "^1.0.0"
-    get-intrinsic "^1.0.2"
-    object-inspect "^1.9.0"
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+    side-channel-list "^1.0.0"
+    side-channel-map "^1.0.1"
+    side-channel-weakmap "^1.0.2"
 
 signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
@@ -11867,15 +11850,6 @@ slash@^3.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
-slice-ansi@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
-  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
-  dependencies:
-    ansi-styles "^3.2.0"
-    astral-regex "^1.0.0"
-    is-fullwidth-code-point "^2.0.0"
-
 slice-ansi@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-5.0.0.tgz#b73063c57aa96f9cd881654b15294d95d285c42a"
@@ -12180,11 +12154,6 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-string-natural-compare@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/string-natural-compare/-/string-natural-compare-3.0.1.tgz#7a42d58474454963759e8e8b7ae63d71c1e7fdf4"
-  integrity sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==
-
 "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
@@ -12194,15 +12163,6 @@ string-natural-compare@^3.0.1:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string-width@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
-  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
-  dependencies:
-    emoji-regex "^7.0.1"
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^5.1.0"
-
 string-width@^7.0.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-7.1.0.tgz#d994252935224729ea3719c49f7206dc9c46550a"
@@ -12212,36 +12172,64 @@ string-width@^7.0.0:
     get-east-asian-width "^1.0.0"
     strip-ansi "^7.1.0"
 
-string.prototype.matchall@^4.0.2:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.4.tgz#608f255e93e072107f5de066f81a2dfb78cf6b29"
-  integrity sha512-pknFIWVachNcyqRfaQSeu/FUfpvJTe4uskUSZ9Wc1RijsPuzbZ8TyYT8WCNnntCjUEqQ3vUHMAfVj2+wLAisPQ==
+string.prototype.matchall@^4.0.12:
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz#6c88740e49ad4956b1332a911e949583a275d4c0"
+  integrity sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    regexp.prototype.flags "^1.5.3"
+    set-function-name "^2.0.2"
+    side-channel "^1.1.0"
+
+string.prototype.repeat@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz#e90872ee0308b29435aa26275f6e1b762daee01a"
+  integrity sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==
   dependencies:
-    call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.2"
-    has-symbols "^1.0.1"
-    internal-slot "^1.0.3"
-    regexp.prototype.flags "^1.3.1"
-    side-channel "^1.0.4"
-
-string.prototype.trimend@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz#c4a27fa026d979d79c04f17397f250a462944533"
-  integrity sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-string.prototype.trimstart@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz#e90ab66aa8e4007d92ef591bbf3cd422c56bdcf4"
-  integrity sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==
+    es-abstract "^1.17.5"
+
+string.prototype.trim@^1.2.10:
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz#40b2dd5ee94c959b4dcfb1d65ce72e90da480c81"
+  integrity sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-data-property "^1.1.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-object-atoms "^1.0.0"
+    has-property-descriptors "^1.0.2"
+
+string.prototype.trimend@^1.0.8, string.prototype.trimend@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
+  integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
 
 string_decoder@^1.1.1:
   version "1.3.0"
@@ -12264,13 +12252,6 @@ strip-ansi@^3.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
-strip-ansi@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
-  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
-  dependencies:
-    ansi-regex "^4.1.0"
-
 strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
@@ -12312,7 +12293,7 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+strip-json-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
@@ -12383,16 +12364,6 @@ symlink-or-copy@^1.1.8, symlink-or-copy@^1.2.0, symlink-or-copy@^1.3.1:
   resolved "https://registry.yarnpkg.com/symlink-or-copy/-/symlink-or-copy-1.3.1.tgz#9506dd64d8e98fa21dcbf4018d1eab23e77f71fe"
   integrity sha512-0K91MEXFpBUaywiwSSkmKjnGcasG/rVBXFLJz5DrgGabpYD6N+3yZrfD6uUIfpuTu65DZLHi7N8CizHc07BPZA==
 
-table@^5.2.3:
-  version "5.4.6"
-  resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
-  integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==
-  dependencies:
-    ajv "^6.10.2"
-    lodash "^4.17.14"
-    slice-ansi "^2.1.0"
-    string-width "^3.0.0"
-
 tar@^6.1.0, tar@^6.1.11, tar@^6.1.2:
   version "6.1.13"
   resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.13.tgz#46e22529000f612180601a6fe0680e7da508847b"
@@ -12458,7 +12429,7 @@ text-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/text-extensions/-/text-extensions-2.4.0.tgz#a1cfcc50cf34da41bfd047cc744f804d1680ea34"
   integrity sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==
 
-text-table@^0.2.0, text-table@~0.2.0:
+text-table@~0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
@@ -12632,6 +12603,11 @@ trough@^2.0.0:
   resolved "https://registry.yarnpkg.com/trough/-/trough-2.1.0.tgz#0f7b511a4fde65a46f18477ab38849b22c554876"
   integrity sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==
 
+ts-api-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.0.0.tgz#b9d7d5f7ec9f736f4d0f09758b8607979044a900"
+  integrity sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ==
+
 ts-essentials@^2.0.3:
   version "2.0.12"
   resolved "https://registry.yarnpkg.com/ts-essentials/-/ts-essentials-2.0.12.tgz#c9303f3d74f75fa7528c3d49b80e089ab09d8745"
@@ -12652,17 +12628,17 @@ ts-jest@^29.2.5:
     semver "^7.6.3"
     yargs-parser "^21.1.1"
 
-tsconfig-paths@^3.9.0:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz#098547a6c4448807e8fcb8eae081064ee9a3c90b"
-  integrity sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==
+tsconfig-paths@^3.15.0, tsconfig-paths@^3.9.0:
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
+  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
   dependencies:
     "@types/json5" "^0.0.29"
-    json5 "^1.0.1"
-    minimist "^1.2.0"
+    json5 "^1.0.2"
+    minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@^1.8.1, tslib@^1.9.3:
+tslib@^1.9.3:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
@@ -12672,13 +12648,6 @@ tslib@^2.0.1, tslib@^2.1.0, tslib@^2.4.0, tslib@^2.6.2:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
-tsutils@^3.21.0:
-  version "3.21.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
-  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
-  dependencies:
-    tslib "^1.8.1"
-
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
@@ -12739,20 +12708,65 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-typed-array-length@^1.0.4:
+typed-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
+  integrity sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-length@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz#8407a04f7d78684f3d252aa1a143d2b77b4160ce"
+  integrity sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==
+  dependencies:
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-offset@^1.0.4:
   version "1.0.4"
-  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.4.tgz#89d83785e5c4098bec72e08b319651f0eac9c1bb"
-  integrity sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz#ae3698b8ec91a8ab945016108aef00d5bff12355"
+  integrity sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==
   dependencies:
-    call-bind "^1.0.2"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.15"
+    reflect.getprototypeof "^1.0.9"
+
+typed-array-length@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.7.tgz#ee4deff984b64be1e118b0de8c9c877d5ce73d3d"
+  integrity sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==
+  dependencies:
+    call-bind "^1.0.7"
     for-each "^0.3.3"
-    is-typed-array "^1.1.9"
+    gopd "^1.0.1"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+    reflect.getprototypeof "^1.0.6"
 
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
+typescript-eslint@^8.17.0:
+  version "8.22.0"
+  resolved "https://registry.yarnpkg.com/typescript-eslint/-/typescript-eslint-8.22.0.tgz#1d4becf1d65385e57e9271fbd557ccc22f6c0f53"
+  integrity sha512-Y2rj210FW1Wb6TWXzQc5+P+EWI9/zdS57hLEc0gnyuvdzWo8+Y8brKlbj0muejonhMI/xAZCnZZwjbIfv1CkOw==
+  dependencies:
+    "@typescript-eslint/eslint-plugin" "8.22.0"
+    "@typescript-eslint/parser" "8.22.0"
+    "@typescript-eslint/utils" "8.22.0"
+
 typescript@^4.2.4:
   version "4.9.5"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
@@ -12768,15 +12782,15 @@ uglify-js@^3.1.4:
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"
   integrity sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==
 
-unbox-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
-  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+unbox-primitive@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2"
+  integrity sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==
   dependencies:
-    call-bind "^1.0.2"
+    call-bound "^1.0.3"
     has-bigints "^1.0.2"
-    has-symbols "^1.0.3"
-    which-boxed-primitive "^1.0.2"
+    has-symbols "^1.1.0"
+    which-boxed-primitive "^1.1.1"
 
 unc-path-regex@^0.1.2:
   version "0.1.2"
@@ -13121,11 +13135,6 @@ uvu@^0.5.0:
     kleur "^4.0.3"
     sade "^1.7.3"
 
-v8-compile-cache@^2.0.3:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
-  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
-
 v8-to-istanbul@^9.0.1:
   version "9.2.0"
   resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.2.0.tgz#2ed7644a245cddd83d4e087b9b33b3e62dfd10ad"
@@ -13405,28 +13414,57 @@ whatwg-url@^5.0.0:
     tr46 "~0.0.3"
     webidl-conversions "^3.0.0"
 
-which-boxed-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
-  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
+  integrity sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==
   dependencies:
-    is-bigint "^1.0.1"
-    is-boolean-object "^1.1.0"
-    is-number-object "^1.0.4"
-    is-string "^1.0.5"
-    is-symbol "^1.0.3"
+    is-bigint "^1.1.0"
+    is-boolean-object "^1.2.1"
+    is-number-object "^1.1.1"
+    is-string "^1.1.1"
+    is-symbol "^1.1.1"
 
-which-typed-array@^1.1.9:
-  version "1.1.9"
-  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.9.tgz#307cf898025848cf995e795e8423c7f337efbde6"
-  integrity sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==
-  dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
+which-builtin-type@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.2.1.tgz#89183da1b4907ab089a6b02029cc5d8d6574270e"
+  integrity sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==
+  dependencies:
+    call-bound "^1.0.2"
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
+    is-async-function "^2.0.0"
+    is-date-object "^1.1.0"
+    is-finalizationregistry "^1.1.0"
+    is-generator-function "^1.0.10"
+    is-regex "^1.2.1"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.1.0"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.16"
+
+which-collection@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
+  dependencies:
+    is-map "^2.0.3"
+    is-set "^2.0.3"
+    is-weakmap "^2.0.2"
+    is-weakset "^2.0.3"
+
+which-typed-array@^1.1.16, which-typed-array@^1.1.18:
+  version "1.1.18"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.18.tgz#df2389ebf3fbb246a71390e90730a9edb6ce17ad"
+  integrity sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
     for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-tostringtag "^1.0.0"
-    is-typed-array "^1.1.10"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
 
 which@^2.0.1, which@^2.0.2:
   version "2.0.2"
@@ -13449,10 +13487,10 @@ widest-line@^3.1.0:
   dependencies:
     string-width "^4.0.0"
 
-word-wrap@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
-  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
+word-wrap@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
 
 wordwrap@^1.0.0:
   version "1.0.0"
@@ -13490,13 +13528,6 @@ write-file-atomic@^4.0.0, write-file-atomic@^4.0.1, write-file-atomic@^4.0.2:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
 
-write@1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3"
-  integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==
-  dependencies:
-    mkdirp "^0.5.1"
-
 ws@^7.5.10:
   version "7.5.10"
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"