feat: prevent illegal useEffect usage (#566)

* chore(deps): add eslint-plugin-react-you-might-not-need-an-effect

* feat: prevent illegal useEffect usage

* Create silly-spoons-tease.md

Signed-off-by: Kentaro Suzuki <71284054+sushichan044@users.noreply.github.com>

* chore: update snapshot (github-actions)

---------

Signed-off-by: Kentaro Suzuki <71284054+sushichan044@users.noreply.github.com>
Co-authored-by: robo-miku[bot] <185786754+robo-miku[bot]@users.noreply.github.com>

Author: sushichan044

.changeset/silly-spoons-tease.md

@@ -0,0 +1,5 @@
+---
+"@virtual-live-lab/eslint-config": minor
+---
+
+feat(eslint): prevent illegal useEffect usage with eslint-plugin-react-you-might-not-need-an-effect

packages/eslint-config/package.json

@@ -51,6 +51,7 @@
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-react-refresh": "0.4.24",
+    "eslint-plugin-react-you-might-not-need-an-effect": "0.7.0",
     "eslint-plugin-tailwindcss": "3.18.2",
     "globals": "16.4.0",
     "package-directory": "8.1.0",

packages/eslint-config/src/base/react.ts

@@ -2,6 +2,7 @@ import { defineConfig } from "@eslint/config-helpers";
 import react from "eslint-plugin-react";
 import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
+import reactYouMightNotNeedAnEffect from "eslint-plugin-react-you-might-not-need-an-effect";
 import globals from "globals";
 
 import { prepareForExtend } from "../utils/eslint";
@@ -15,6 +16,7 @@ const reactConfig = defineConfig({
     // @ts-expect-error type does not exists
     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
     reactHooks.configs["flat/recommended"],
+    reactYouMightNotNeedAnEffect.configs.recommended,
   ),
   files: [jsFiles, tsFiles],
   languageOptions: {