From fa4c405c30b8be946ea870e004a1616d4c1fc9d3 Mon Sep 17 00:00:00 2001
From: Oskar Asplin <oskarasplin@gmail.com>
Date: Sun, 11 Aug 2024 17:45:28 +0200
Subject: [PATCH] Remove random eslint warnings after upgrade

---
 eslint.config.mjs                             | 109 ++++++++++--------
 .../atoms/HtmlTooltip/HtmlTooltip.tsx         |   3 +-
 2 files changed, 61 insertions(+), 51 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 8e91251..5ab70fc 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,72 +1,81 @@
-import react from "eslint-plugin-react";
-import reactHooks from "eslint-plugin-react-hooks";
-import typescriptEslint from "@typescript-eslint/eslint-plugin";
-import prettier from "eslint-plugin-prettier";
-import { fixupPluginRules } from "@eslint/compat";
-import globals from "globals";
-import tsParser from "@typescript-eslint/parser";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import prettier from 'eslint-plugin-prettier';
+import { fixupPluginRules } from '@eslint/compat';
+import globals from 'globals';
+import tsParser from '@typescript-eslint/parser';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const compat = new FlatCompat({
-    baseDirectory: __dirname,
-    recommendedConfig: js.configs.recommended,
-    allConfig: js.configs.all
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
 });
 
-export default [...compat.extends(
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "prettier",
-), {
+export default [
+  ...compat.extends(
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'prettier',
+  ),
+  {
     plugins: {
-        react,
-        "react-hooks": fixupPluginRules(reactHooks),
-        "@typescript-eslint": typescriptEslint,
-        prettier,
+      react,
+      'react-hooks': fixupPluginRules(reactHooks),
+      '@typescript-eslint': typescriptEslint,
+      prettier,
     },
 
     languageOptions: {
-        globals: {
-            ...globals.browser,
-            ...globals.jest,
-            Atomics: "readonly",
-            SharedArrayBuffer: "readonly",
-        },
+      globals: {
+        ...globals.browser,
+        ...globals.jest,
+        Atomics: 'readonly',
+        SharedArrayBuffer: 'readonly',
+      },
 
-        parser: tsParser,
-        ecmaVersion: 2018,
-        sourceType: "module",
+      parser: tsParser,
+      ecmaVersion: 2018,
+      sourceType: 'module',
 
-        parserOptions: {
-            ecmaFeatures: {
-                jsx: true,
-            },
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
         },
+      },
     },
 
     settings: {
-        "import/resolver": {
-            typescript: {},
-        },
+      'import/resolver': {
+        typescript: {},
+      },
+      react: {
+        version: 'detect', // React version. "detect" automatically picks the version you have installed.
+      },
     },
 
     rules: {
-        "no-unused-vars": "off",
+      'no-unused-vars': 'off',
 
-        "@typescript-eslint/no-unused-vars": ["warn", {
-            argsIgnorePattern: "^_",
-            varsIgnorePattern: "^_",
-            caughtErrorsIgnorePattern: "^_",
-        }],
+      '@typescript-eslint/no-unused-vars': [
+        'warn',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          caughtErrorsIgnorePattern: '^_',
+        },
+      ],
 
-        "react/jsx-uses-react": "off",
-        "react/react-in-jsx-scope": "off",
-        "react/display-name": "off",
+      'react/jsx-uses-react': 'off',
+      'react/react-in-jsx-scope': 'off',
+      'react/display-name': 'off',
     },
-}];
\ No newline at end of file
+  },
+];
diff --git a/src/components/atoms/HtmlTooltip/HtmlTooltip.tsx b/src/components/atoms/HtmlTooltip/HtmlTooltip.tsx
index e686c78..2a660e7 100644
--- a/src/components/atoms/HtmlTooltip/HtmlTooltip.tsx
+++ b/src/components/atoms/HtmlTooltip/HtmlTooltip.tsx
@@ -3,11 +3,12 @@ import { styled } from '@mui/material/styles';
 import { forwardRef } from 'react';
 
 const HtmlTooltip = forwardRef<HTMLDivElement, TooltipProps>(
+  // eslint-disable-next-line react/prop-types
   ({ children, ...props }, ref) => (
     <StyledTooltip ref={ref} {...props}>
       <span>{children}</span>
     </StyledTooltip>
-  )
+  ),
 );
 
 export const StyledTooltip = styled(({ className, ...props }: TooltipProps) => (