chore(deps): update storybook monorepo to v10 (major) (#1951)

* chore(deps): update storybook monorepo to v10

* ESM updates

---------

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

Author: renovate[bot]

packages/redux-devtools-ui/.storybook/main.ts

@@ -1,14 +1,18 @@
 import type { StorybookConfig } from '@storybook/react-webpack5';
 
-import { join, dirname } from 'path';
+import { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
 
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
  */
-function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, 'package.json')));
+function getAbsolutePath(packageName: string) {
+  return dirname(
+    fileURLToPath(import.meta.resolve(`${packageName}/package.json`)),
+  );
 }
+
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [getAbsolutePath('@storybook/addon-onboarding')],

packages/redux-devtools-ui/package.json

@@ -65,8 +65,8 @@
     "@babel/preset-typescript": "^7.28.5",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@storybook/addon-onboarding": "^9.1.16",
-    "@storybook/react-vite": "^9.1.16",
+    "@storybook/addon-onboarding": "^10.0.2",
+    "@storybook/react-vite": "^10.0.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
@@ -83,7 +83,7 @@
     "react-dom": "^19.2.0",
     "react-is": "^19.2.0",
     "rimraf": "^6.0.1",
-    "storybook": "^9.1.16",
+    "storybook": "^10.0.2",
     "ts-jest": "^29.4.5",
     "typescript": "~5.9.3",
     "vite": "^7.1.12"