Upgrade to Storybook 9 (#4600)

Author: sandhose

frontend/.storybook/main.ts

@@ -9,34 +9,7 @@ import type { StorybookConfig } from "@storybook/react-vite";
 const config: StorybookConfig = {
   stories: ["../{src,stories}/**/*.stories.@(js|jsx|ts|tsx)"],
 
-  addons: [
-    // Automatic docs pages
-    "@storybook/addon-docs",
-
-    // Controls of components props
-    "@storybook/addon-controls",
-
-    // Document components actions
-    "@storybook/addon-actions",
-
-    // Helps measuring elements
-    "@storybook/addon-measure",
-
-    // Helps showing components boundaries
-    "@storybook/addon-outline",
-
-    // Quickly change viewport size
-    "@storybook/addon-viewport",
-
-    // Theme switch toolbar
-    "@storybook/addon-toolbars",
-
-    // Interactions
-    "@storybook/addon-interactions",
-
-    // i18next integration
-    "storybook-react-i18next",
-  ],
+  addons: ["storybook-react-i18next", "@storybook/addon-docs"],
 
   framework: "@storybook/react-vite",
 
@@ -48,10 +21,6 @@ const config: StorybookConfig = {
     disableTelemetry: true,
   },
 
-  docs: {
-    autodocs: true,
-  },
-
   env: {
     STORYBOOK: "true",
   },

frontend/.storybook/preview.tsx

@@ -9,7 +9,7 @@ import type {
   Decorator,
   Parameters,
   Preview,
-} from "@storybook/react";
+} from "@storybook/react-vite";
 import { TooltipProvider } from "@vector-im/compound-web";
 import { initialize, mswLoader } from "msw-storybook-addon";
 import { useLayoutEffect } from "react";
@@ -124,6 +124,7 @@ const preview: Preview = {
     i18n,
   },
   loaders: [mswLoader],
+  tags: ["autodocs"],
 };
 
 export default preview;