Got storybook working with yarn pnp

Author: davenquinn

.storybook/main.ts

@@ -19,10 +19,10 @@ export default {
     getAbsolutePath("@storybook/addon-links"),
     getAbsolutePath("@vueless/storybook-dark-mode"),
   ],
-  framework: getAbsolutePath("@storybook/react-vite"),
+  framework: "@storybook/react-vite",
   docs: {},
 } as StorybookConfig;
 
 function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, "package.json")));
+  return dirname(require.resolve(value));
 }

.yarnrc.yml

@@ -1,9 +1,9 @@
-nodeLinker: node-modules
+nodeLinker: pnp
 
 packageExtensions:
   "@blueprintjs/datetime@*":
     dependencies:
-      "@types/react": ^16||^17||^18
+      "@types/react": ^18||^19
   "@parcel/fs@^2.13.3":
     dependencies:
       "@parcel/core": ^2.13.3
@@ -31,3 +31,6 @@ packageExtensions:
       supports-color: "*"
 
 yarnPath: .yarn/releases/yarn-4.12.0.cjs
+
+pnpFallbackMode: all
+pnpMode: loose

package.json

@@ -6,7 +6,7 @@
   "repository": "https://github.com/UW-Macrostrat/web-components.git",
   "version": "4.0.0",
   "scripts": {
-    "dev": "storybook dev -p 6006 --no-open",
+    "dev": "NODE_NO_WARNINGS=1 storybook dev -p 6006 --no-open",
     "build:storybook": "storybook build --debug",
     "build": "NODE_NO_WARNINGS=1 tsx scripts/publish-helpers build",
     "status": "NODE_NO_WARNINGS=1 tsx scripts/publish-helpers status",
@@ -29,11 +29,12 @@
     "@storybook/addon-docs": "10.2.0",
     "@storybook/addon-links": "10.2.0",
     "@storybook/builder-vite": "10.2.0",
+    "@storybook/icons": "^2.0.1",
     "@storybook/react-vite": "10.2.0",
     "@types/d3-geo": "^3.1.0",
     "@types/geojson": "^7946.0.16",
     "@types/react": "^18.3.12",
-    "@vueless/storybook-dark-mode": "^10.0.4",
+    "@vueless/storybook-dark-mode": "^10.0.6",
     "chalk": "^5.6.2",
     "date-fns": "^4.1.0",
     "glob": "^11.1.0",
@@ -49,7 +50,8 @@
     "tsx": "^4.19.1",
     "typescript": "^5.8.3",
     "underscore": "^1.12.0",
-    "use-async-effect": "^2.2.1"
+    "use-async-effect": "^2.2.1",
+    "vite": "^7.3.1"
   },
   "resolutions": {
     "react": "^19",

yarn.lock

@@ -1608,11 +1608,12 @@ __metadata:
     "@storybook/addon-docs": "npm:10.2.0"
     "@storybook/addon-links": "npm:10.2.0"
     "@storybook/builder-vite": "npm:10.2.0"
+    "@storybook/icons": "npm:^2.0.1"
     "@storybook/react-vite": "npm:10.2.0"
     "@types/d3-geo": "npm:^3.1.0"
     "@types/geojson": "npm:^7946.0.16"
     "@types/react": "npm:^18.3.12"
-    "@vueless/storybook-dark-mode": "npm:^10.0.4"
+    "@vueless/storybook-dark-mode": "npm:^10.0.6"
     chalk: "npm:^5.6.2"
     date-fns: "npm:^4.1.0"
     glob: "npm:^11.1.0"
@@ -1629,6 +1630,7 @@ __metadata:
     typescript: "npm:^5.8.3"
     underscore: "npm:^1.12.0"
     use-async-effect: "npm:^2.2.1"
+    vite: "npm:^7.3.1"
   languageName: unknown
   linkType: soft
 
@@ -3430,7 +3432,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:*, @types/react@npm:>= 16.0.0 < 20.0.0":
+"@types/react@npm:*, @types/react@npm:>= 16.0.0 < 20.0.0, @types/react@npm:^18||^19":
   version: 19.2.9
   resolution: "@types/react@npm:19.2.9"
   dependencies:
@@ -3439,7 +3441,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:^16||^17||^18, @types/react@npm:^18.3.12":
+"@types/react@npm:^18.3.12":
   version: 18.3.27
   resolution: "@types/react@npm:18.3.27"
   dependencies:
@@ -4046,15 +4048,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vueless/storybook-dark-mode@npm:^10.0.4":
-  version: 10.0.4
-  resolution: "@vueless/storybook-dark-mode@npm:10.0.4"
+"@vueless/storybook-dark-mode@npm:^10.0.6":
+  version: 10.0.6
+  resolution: "@vueless/storybook-dark-mode@npm:10.0.6"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     lodash-es: "npm:^4.17.21"
   peerDependencies:
     storybook: ^10.0.0
-  checksum: 10c0/d1c138f99cd5cabdb8bb8da6c1fc2624a2e31d33e3ae70c4413868f43590fec9f23807d9328d3a70bfa0943e8dc93b3affdb23403fd5161a1925a524d1a15a02
+  checksum: 10c0/acb9b6b8c261b6a133dc415379444e7e5a0566eb88a7ac2004f2a59fc8ae8cd9c9cb85a17623ac9aea2a7fcb74a749c0e7c8bac76dbe6906df91a35aa63dfd1b
   languageName: node
   linkType: hard