fix storybook (#1899)

* firstly, update the version of node used in github actions

* remove usage of getAbsolutePath

Author: gumaerc

.github/workflows/ci.yml

@@ -196,7 +196,7 @@ jobs:
 
       - uses: actions/setup-node@39370e3970a6d050c480ffad4ff0ed4d3fdee5af # v4
         with:
-          node-version: "^20"
+          node-version: "^22"
           cache: yarn
           cache-dependency-path: yarn.lock
 

frontends/ol-components/.storybook/main.ts

@@ -1,18 +1,10 @@
-import { resolve, join, dirname } from "path"
+import { resolve } from "path"
 import * as dotenv from "dotenv"
 import * as webpack from "webpack"
 import { StorybookConfig } from "@storybook/nextjs"
 
 dotenv.config({ path: resolve(__dirname, "../../../.env") })
 
-/**
- * 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) {
-  return dirname(require.resolve(join(value, "package.json")))
-}
-
 const config: StorybookConfig = {
   stories: [
     "../src/**/*.mdx",
@@ -24,15 +16,15 @@ const config: StorybookConfig = {
   staticDirs: ["./public"],
 
   addons: [
-    getAbsolutePath("@storybook/addon-links"),
-    getAbsolutePath("@storybook/addon-essentials"),
-    getAbsolutePath("@storybook/addon-interactions"),
-    getAbsolutePath("@storybook/addon-webpack5-compiler-swc"),
-    getAbsolutePath("@storybook/addon-mdx-gfm"),
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "@storybook/addon-webpack5-compiler-swc",
+    "@storybook/addon-mdx-gfm",
   ],
 
   framework: {
-    name: getAbsolutePath("@storybook/nextjs"),
+    name: "@storybook/nextjs",
     options: {},
   },