Add ESLint Storybook plugin

Author: colinrotherham

eslint.config.js

@@ -8,6 +8,7 @@ import { includeIgnoreFile } from '@eslint/compat';
 import { defineConfig, globalIgnores } from 'eslint/config';
 import globals from 'globals';
 import pluginImport from 'eslint-plugin-import';
+import pluginStorybook from 'eslint-plugin-storybook';
 import pluginTypeScript from 'typescript-eslint';
 
 const rootPath = import.meta.dirname;
@@ -104,6 +105,7 @@ export default defineConfig([
   },
   {
     files: ['**/*.stories.tsx'],
+    extends: [pluginStorybook.configs['flat/recommended']],
     rules: { '@typescript-eslint/no-unused-vars': 'off' },
   },
   globalIgnores(['**/coverage/', '**/dist/']),

package.json

@@ -102,6 +102,7 @@
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-storybook": "10.0.3",
     "globals": "^16.5.0",
     "jest": "^30.2.0",
     "jest-axe": "^10.0.0",

stories/Form Elements/Checkboxes.stories.tsx

@@ -135,7 +135,6 @@ export const WithError: Story = {
     hint: 'Select all that apply',
   },
   render: (args) => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     const [error, setError] = useState('Please select an option');
     return (
       <>

yarn.lock

@@ -3653,7 +3653,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:8.46.2":
+"@typescript-eslint/utils@npm:8.46.2, @typescript-eslint/utils@npm:^8.8.1":
   version: 8.46.2
   resolution: "@typescript-eslint/utils@npm:8.46.2"
   dependencies:
@@ -5730,6 +5730,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-plugin-storybook@npm:10.0.3":
+  version: 10.0.3
+  resolution: "eslint-plugin-storybook@npm:10.0.3"
+  dependencies:
+    "@typescript-eslint/utils": "npm:^8.8.1"
+  peerDependencies:
+    eslint: ">=8"
+    storybook: ^10.0.3
+  checksum: 10c0/f371668fe55e6d1f65a79e2d08902ca83aa175a643309fceea289b9420877b4a1753d2d42dcf6240e39e28700b0e4c86e8b1b9dc5a7b1ad95e9b5ce95a8da7ec
+  languageName: node
+  linkType: hard
+
 "eslint-scope@npm:^8.4.0":
   version: 8.4.0
   resolution: "eslint-scope@npm:8.4.0"
@@ -8419,6 +8431,7 @@ __metadata:
     eslint-plugin-jsx-a11y: "npm:^6.10.2"
     eslint-plugin-react: "npm:^7.37.5"
     eslint-plugin-react-hooks: "npm:^7.0.1"
+    eslint-plugin-storybook: "npm:10.0.3"
     globals: "npm:^16.5.0"
     jest: "npm:^30.2.0"
     jest-axe: "npm:^10.0.0"