f

package.json

@@ -22,7 +22,7 @@
     "typecheck": "turbo run typecheck",
     "format": "prettier --ignore-path .gitignore --write .",
     "clean": "turbo run clean && rimraf node_modules",
-    "storybook": "pnpm --workspace @status-im/components storybook"
+    "storybook": "pnpm --filter @status-im/components storybook"
   },
   "resolutions": {
     "@types/react": "18.0.33",

packages/components/package.json

@@ -64,6 +64,7 @@
   },
   "devDependencies": {
     "@status-im/eslint-config": "workspace:*",
+    "@storybook/addon-actions": "^8.3.0",
     "@storybook/addon-designs": "^8.0.3",
     "@storybook/addon-essentials": "^8.3.0",
     "@storybook/addon-interactions": "^8.3.0",
@@ -73,6 +74,8 @@
     "@storybook/react": "^8.3.0",
     "@storybook/react-vite": "^8.3.0",
     "@storybook/testing-library": "^0.2.2",
+    "@types/react": "^18.0.33",
+    "@types/react-dom": "^18.0.11",
     "@vitejs/plugin-react-swc": "^3.7.0",
     "autoprefixer": "^10.4.16",
     "eslint-plugin-tailwindcss": "^3.17.4",

packages/components/src/toast/toast.stories.tsx

@@ -26,7 +26,11 @@ const Actions = () => {
   )
 }
 
-const meta = {
+/**
+ * > error TS2742: The inferred type of 'meta' cannot be named without a reference to '.pnpm/@[email protected]/node_modules/@storybook/csf'. This is likely not portable. A type annotation is necessary.
+ * > – @see https://github.com/storybookjs/storybook/issues/24656
+ */
+const meta: Meta<typeof Toast> = {
   component: Toast,
   title: 'Components/Toast',
   parameters: {
@@ -75,7 +79,7 @@ const meta = {
       </>
     ),
   ],
-} satisfies Meta<typeof Toast>
+}
 
 type Story = StoryObj<typeof Toast>