fix(deps): update dependency eslint-plugin-storybook to v9 (#386)

* fix(deps): update dependency eslint-plugin-storybook to v9

* disable `storybook/no-renderer-packages` rule

* update readme

* disable `storybook/no-renderer-packages` rule

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: wakamsha <wakamsha@gmail.com>

Author: renovate[bot]

packages/eslint-config/README.md

@@ -112,7 +112,7 @@ We also provide various other rule sets that you can configure to suit your proj
 |       `next` | Contains Next.js recommended rules                    | [`@next/eslint-plugin-next`](https://github.com/vercel/next.js/tree/canary/packages/eslint-plugin-next)                                                                                                                                                                                          |
 |       `node` | Contains Node.js recommended rules                    | [`eslint-plugin-n`](https://github.com/eslint-community/eslint-plugin-n)                                                                                                                                                                                                                         |
 |      `react` | Contains React recommended rules                      | [`eslint-plugin-jsx-a11y`](https://github.com/jsx-eslint/eslint-plugin-jsx-a11y) <br> [`eslint-plugin-react-hooks`](https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks) <br> [`eslint-plugin-react`](https://github.com/jsx-eslint/eslint-plugin-react)              |
-|  `storybook` | Contains Storybook recommended rules                  | [`eslint-plugin-storybook`](https://github.com/storybookjs/eslint-plugin-storybook)                                                                                                                                                                                                              |
+|  `storybook` | Contains Storybook recommended rules                  | [`eslint-plugin-storybook`](https://github.com/storybookjs/storybook/tree/next/code/lib/eslint-plugin)                                                                                                                                                                                           |
 | `test/react` | Contains Jest and React Testing Library rules         | [`eslint-plugin-jest`](https://github.com/jest-community/eslint-plugin-jest) <br> [`eslint-plugin-jest-dom`](https://github.com/testing-library/eslint-plugin-jest-dom) <br> [`eslint-plugin-testing-library`](https://github.com/testing-library/eslint-plugin-testing-library)                 |
 | `typescript` | Contains TypeScript recommended rules                 | [`@eslint-typescript/eslint-plugin`](https://github.com/typescript-eslint/typescript-eslint/tree/main/packages/eslint-plugin) <br> [`@eslint-typescript/parser`](https://github.com/typescript-eslint/typescript-eslint/tree/main/packages/parser)                                               |
 

packages/eslint-config/configs/flat/storybook.mjs

@@ -21,6 +21,10 @@ export default [
     ],
     rules: {
       'import/no-default-export': ['off'],
+
+      // Turn off this rule because type definitions such as `Meta` and `StoryObj` need to be imported from `@storybook/react`.
+      // https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/no-renderer-packages.md
+      'storybook/no-renderer-packages': ['off'],
     },
   },
 ];

packages/eslint-config/package.json

@@ -62,7 +62,7 @@
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-plugin-storybook": "^9.0.4",
     "eslint-plugin-testing-library": "^7.0.0",
     "eslint-plugin-unicorn": "^56.0.1",
     "globals": "^15.11.0",

packages/eslint-config/rules/storybook.js

@@ -2,6 +2,10 @@ module.exports = {
   plugins: ['storybook'],
   extends: ['plugin:storybook/recommended'],
   rules: {
+    // Turn off this rule because type definitions such as `Meta` and `StoryObj` need to be imported from `@storybook/react`.
+    // https://github.com/storybookjs/storybook/blob/next/code/lib/eslint-plugin/docs/rules/no-renderer-packages.md
+    'storybook/no-renderer-packages': ['off'],
+
     // `storiesOf` is deprecated and should not be used
     // https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/no-stories-of.md
     // Since Storybook 5.2, the CSF format was introduced and the storiesOf API has been deprecated.

packages/eslint-config/tests/snapshot-test/eslintrc/storybook/__snapshots__/snapshot.test.js.snap

@@ -2443,6 +2443,9 @@ exports[`should match ESLint configuration snapshot: storybook 1`] = `
     "storybook/no-redundant-story-name": [
       1,
     ],
+    "storybook/no-renderer-packages": [
+      0,
+    ],
     "storybook/no-stories-of": [
       2,
     ],

packages/eslint-config/tests/snapshot-test/flat/storybook/__snapshots__/snapshot.test.js.snap

@@ -2672,6 +2672,9 @@ exports[`ESLint Configuration Snapshot Tests should match ESLint Flat Configurat
     "storybook/no-redundant-story-name": [
       1,
     ],
+    "storybook/no-renderer-packages": [
+      0,
+    ],
     "storybook/no-stories-of": [
       2,
     ],