fix eslint

.vscode/settings.json

@@ -10,6 +10,7 @@
   "eslint.alwaysShowStatus": true,
   "eslint.format.enable": true,
   "eslint.codeActionsOnSave.mode": "problems",
+  "editor.formatOnSave": true,
 
   "flow.enabled": false,
 
@@ -19,6 +20,7 @@
 
   "jestrunner.debugOptions": {"args": ["--watch"]},
   "jestrunner.configPath": "jest.config.js",
+
   "cSpell.words": [
     "astring",
     "lcov",

demo/src/hooks/useContext.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-console */
 import React from 'react';
 import createStepLogger from '../createStepLogger';
 

demo/src/ssr/index.js

@@ -7,7 +7,7 @@ import DemoComponent from './DemoComponent';
 
 export default {
   description: 'Server Side (hydrate)',
-  fn({ reactDomRoot, whyDidYouRender }) {
+  fn({ reactDomRoot, domElement, whyDidYouRender }) {
     const stepLogger = createStepLogger();
 
     fetch('/ssrComponent')

eslint.config.js

@@ -0,0 +1,65 @@
+const reactPlugin = require('eslint-plugin-react');
+const js = require('@eslint/js');
+const globals = require('globals');
+const { includeIgnoreFile } = require('@eslint/compat');
+const pluginCypress = require('eslint-plugin-cypress/flat');
+
+// TODO: remove once all deps are using the latest version
+globals.browser['AudioWorkletGlobalScope'] = globals.browser['AudioWorkletGlobalScope '];
+delete globals.browser['AudioWorkletGlobalScope '];
+
+
+module.exports = [
+  includeIgnoreFile(__dirname +'/.gitignore'),
+  js.configs.recommended,
+  pluginCypress.configs.globals,
+  {
+    plugins: {
+      cypress: pluginCypress
+    },
+    rules: {
+      'cypress/unsafe-to-chain-command': 'error'
+    },
+  },
+  {
+    ...reactPlugin.configs.flat.recommended,
+    languageOptions: {
+      ...reactPlugin.configs.flat.recommended.languageOptions,
+      globals: {
+        ...globals.browser,
+        ...globals.jest,
+        ...globals.node,
+        ...globals.console,
+        flushConsoleOutput: 'readable',
+      },
+    },
+    rules: {
+      'semi': ['error', 'always'],
+      'curly': 'error',
+      'no-var': 'error',
+      'quotes': ['error', 'single'],
+      'no-console': 'error',
+      'no-debugger': 'warn',
+      'react/jsx-uses-vars': 'error',
+      'react/jsx-uses-react': 'error',
+      'no-unused-vars': ['error', {
+        'ignoreRestSiblings': true,
+        'varsIgnorePattern': '^_',
+        'argsIgnorePattern': '^_',
+        'caughtErrorsIgnorePattern': '^_',
+        'destructuredArrayIgnorePattern': '^_'
+      }],
+      'eol-last': 'error',
+      'object-curly-spacing': ['error', 'always'],
+      'react/prop-types': 'off',
+      'react/display-name': 'off',
+      'space-before-function-paren': ['error', 'never'],
+      'space-before-blocks': ['error', 'always'],
+      'space-in-parens': ['error', 'never'],
+      'comma-dangle': ['error', 'only-multiline'],
+      'func-call-spacing': ['error', 'never'],
+      'no-multi-spaces': 'error',
+      'indent': ['error', 2]
+    }
+  }
+];

jest.polyfills.js

@@ -10,14 +10,14 @@
  */
 
 const { TextDecoder, TextEncoder } = require('node:util');
-// eslint-disable-next-line no-undef
+ 
 Object.defineProperties(globalThis, {
   TextDecoder: { value: TextDecoder },
   TextEncoder: { value: TextEncoder },
 });
 
 const { Blob, File } = require('node:buffer'); 
-// eslint-disable-next-line no-undef
+ 
 Object.defineProperties(globalThis, {
   Blob: { value: Blob },
   File: { value: File },

package.json

@@ -31,7 +31,7 @@
     "build": "cross-env NODE_ENV=production rollup --config --bundleConfigAsCjs",
     "test": "jest --config=jest.config.js",
     "test:ci": "yarn test --coverage",
-    "lint": "eslint . --ext=js --max-warnings 0 --cache --cache-location .cache/eslint-cache",
+    "lint": "eslint . --max-warnings 0 --cache --cache-location .cache/eslint-cache",
     "clear": "rimraf .cache dist demo/dist",
     "watch": "concurrently --names \"Serve,Test\" \"npm:start\" \"npm:test:watch\"",
     "checkHealth": "yarn lint && yarn test",
@@ -82,6 +82,7 @@
     "@babel/plugin-transform-class-properties": "^7.25.9",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
+    "@eslint/compat": "^1.2.4",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.2",

src/patches/patchClassComponent.js

@@ -4,7 +4,6 @@ import wdyrStore from '../wdyrStore';
 
 import { checkIfInsideAStrictModeTree } from '../utils';
 import getUpdateInfo from '../getUpdateInfo';
-import { getCurrentOwner } from '../helpers';
 
 export default function patchClassComponent(ClassComponent, { displayName, defaultProps }) {
   class WDYRPatchedClassComponent extends ClassComponent {
@@ -61,7 +60,7 @@ export default function patchClassComponent(ClassComponent, { displayName, defau
 
   try {
     WDYRPatchedClassComponent.displayName = displayName;
-  } catch (e) {
+  } catch (_e) {
     // not crucial if displayName couldn't be set
   }
 

src/patches/patchForwardRefComponent.js

@@ -29,7 +29,7 @@ export default function patchForwardRefComponent(ForwardRefComponent, { displayN
 
   try {
     WDYRForwardRefFunctionalComponent.displayName = displayName;
-  } catch (e) {
+  } catch (_e) {
     // not crucial if displayName couldn't be set
   }
 

src/patches/patchFunctionalOrStrComponent.js

@@ -49,7 +49,7 @@ export default function patchFunctionalOrStrComponent(FunctionalOrStringComponen
 
   try {
     WDYRFunctionalComponent.displayName = displayName;
-  } catch (e) {
+  } catch (_e) {
     // not crucial if displayName couldn't be set
   }
 

src/patches/patchMemoComponent.js

@@ -27,7 +27,7 @@ export default function patchMemoComponent(MemoComponent, { displayName, default
 
   try {
     PatchedInnerComponent.displayName = getDisplayName(WrappedFunctionalComponent);
-  } catch (e) {
+  } catch (_e) {
     // not crucial if displayName couldn't be set
   }
 
@@ -41,7 +41,7 @@ export default function patchMemoComponent(MemoComponent, { displayName, default
 
   try {
     WDYRMemoizedFunctionalComponent.displayName = displayName;
-  } catch (e) {
+  } catch (_e) {
     // not crucial if displayName couldn't be set
   }
 

tests/librariesTests/styled-components.test.js

@@ -1,4 +1,4 @@
-/* eslint-disable no-console */
+ 
 import React from 'react';
 import styled from 'styled-components/dist/styled-components.js';
 import * as rtl from '@testing-library/react';

yarn.lock

@@ -1041,6 +1041,11 @@
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
   integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
 
+"@eslint/compat@^1.2.4":
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/@eslint/compat/-/compat-1.2.4.tgz#b69b0d76ce73fe66d7f8633c406acea151f5c559"
+  integrity sha512-S8ZdQj/N69YAtuqFt7653jwcvuUj131+6qGLUyDqfDg1OIoBQ66OCuXC473YQfO2AaxITTutiRQiDwoo7ZLYyg==
+
 "@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"