Upgrade storybook dependencies (#1205)

packages/keychain/package.json

@@ -55,15 +55,15 @@
     "@cartridge/eslint": "workspace:*",
     "@cartridge/tsconfig": "workspace:*",
     "@chromatic-com/storybook": "^1.9.0",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-themes": "^8.3.2",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.2.9",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
     "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.2.5",
-    "@storybook/test-runner": "^0.19.1",
+    "@storybook/test": "^8.4.7",
+    "@storybook/test-runner": "^0.21.0",
     "@testing-library/react": "^13.4.0",
     "@types/js-cookie": "^3.0.2",
     "@types/node": "^20.6.0",
@@ -80,7 +80,7 @@
     "postcss": "^8.4.35",
     "prettier": "^2.7.1",
     "rollup-plugin-visualizer": "^5.12.0",
-    "storybook": "^8.2.9",
+    "storybook": "^8.4.7",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5",
     "vite": "^6.0.3",

packages/ui-next/package.json

@@ -74,15 +74,15 @@
   },
   "devDependencies": {
     "@cartridge/tsconfig": "workspace:*",
-    "@storybook/addon-essentials": "^8.3.2",
-    "@storybook/addon-interactions": "^8.3.2",
-    "@storybook/addon-links": "^8.3.2",
-    "@storybook/addon-themes": "^8.3.2",
-    "@storybook/blocks": "^8.3.2",
-    "@storybook/react": "^8.3.2",
-    "@storybook/react-vite": "^8.3.2",
-    "@storybook/test": "^8.3.2",
-    "@storybook/theming": "^8.3.2",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^7.0.2",
@@ -93,7 +93,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.13",
     "postcss": "^8.4.35",
-    "storybook": "^8.3.2",
+    "storybook": "^8.4.7",
     "tailwindcss": "^3.4.3",
     "tsc-alias": "^1.8.10",
     "typescript": "^5.4.3",

packages/ui-next/src/components/primitives/scroll-area.tsx

@@ -12,8 +12,12 @@ const ScrollArea = React.forwardRef<
   // If the scrollbar is not hidden, it remains visible for 500ms before fading out
   const [opacity, setOpacity] = React.useState<number>(0);
   const [hidden, setHidden] = React.useState<boolean>(true);
-  const opacityTimeout = React.useRef<NodeJS.Timeout | null>(null);
-  const hiddenTimeout = React.useRef<NodeJS.Timeout | null>(null);
+  const opacityTimeout = React.useRef<ReturnType<typeof setTimeout> | null>(
+    null,
+  );
+  const hiddenTimeout = React.useRef<ReturnType<typeof setTimeout> | null>(
+    null,
+  );
 
   // Set visible each time the scrollbar is used
   const onScrollCapture = React.useCallback(() => {