Fix nivo components types (#99)

packages/web-awesome/package.json

@@ -50,6 +50,7 @@
     "@babel/preset-typescript": "^7.24.7",
     "@eslint/js": "^9.10.0",
     "@floating-ui/dom": "^1.6.12",
+    "@preact/compat": "^18.3.1",
     "@stylistic/eslint-plugin": "^2.6.1",
     "@types/babel__core": "^7.20.5",
     "@types/d3-shape": "^3.1.6",

packages/web-awesome/webpack.config.js

@@ -86,6 +86,8 @@ export default (env, argv) => {
       extensions: [".js", ".ts", ".tsx"],
       alias: {
         "@": join(baseDir, "src"),
+        "react": "@preact/compat",
+        "react-dom": "@preact/compat",
       },
     },
   };

packages/web-components/package.json

@@ -37,8 +37,7 @@
     "build:ds": "storybook build",
     "dev:ds": "storybook dev -p 6006",
     "lint": "eslint --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "test": "vitest run",
-    "preinstall": "node ./scripts/addPreactAliases.js"
+    "test": "vitest run"
   },
   "dependencies": {
     "@allurereport/web-commons": "workspace:*",
@@ -63,6 +62,7 @@
     "@eslint/js": "^9.10.0",
     "@nivo/axes": "^0.88.0",
     "@nivo/legends": "^0.88.0",
+    "@preact/compat": "^18.3.1",
     "@preact/preset-vite": "^2.9.4",
     "@preact/signals": "^1.3.0",
     "@rollup/plugin-alias": "^5.1.1",

packages/web-components/src/types/nivo.d.ts

@@ -0,0 +1,6 @@
+import { type LineSvgProps } from "@nivo/line";
+import { type Component } from "preact";
+
+declare module "@nivo/line" {
+  export interface ResponsiveLine extends Component<LineSvgProps> {}
+}

packages/web-components/tsconfig.json

@@ -28,18 +28,6 @@
     "paths": {
       "@/*": [
         "src/*"
-      ],
-      "react": [
-        "../../.yarn/cache/preact-npm-10.24.0-1e922a9bf3-855506eedf.zip/node_modules/preact/compat/"
-      ],
-      "react/jsx-runtime": [
-        "../../.yarn/cache/preact-npm-10.24.0-1e922a9bf3-855506eedf.zip/node_modules/preact/jsx-runtime/"
-      ],
-      "react-dom": [
-        "../../.yarn/cache/preact-npm-10.24.0-1e922a9bf3-855506eedf.zip/node_modules/preact/compat/"
-      ],
-      "react-dom/*": [
-        "../../.yarn/cache/preact-npm-10.24.0-1e922a9bf3-855506eedf.zip/node_modules/preact/compat/*"
       ]
     },
     "resolveJsonModule": true,

yarn.lock

@@ -626,6 +626,7 @@ __metadata:
     "@babel/preset-typescript": "npm:^7.24.7"
     "@eslint/js": "npm:^9.10.0"
     "@floating-ui/dom": "npm:^1.6.12"
+    "@preact/compat": "npm:^18.3.1"
     "@preact/signals": "npm:^1.3.0"
     "@stylistic/eslint-plugin": "npm:^2.6.1"
     "@types/babel__core": "npm:^7.20.5"
@@ -805,6 +806,7 @@ __metadata:
     "@nivo/core": "npm:^0.88.0"
     "@nivo/legends": "npm:^0.88.0"
     "@nivo/line": "npm:^0.88.0"
+    "@preact/compat": "npm:^18.3.1"
     "@preact/preset-vite": "npm:^2.9.4"
     "@preact/signals": "npm:^1.3.0"
     "@rollup/plugin-alias": "npm:^5.1.1"
@@ -5424,6 +5426,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@preact/compat@npm:^18.3.1, react-dom@npm:@preact/compat@*, react@npm:@preact/compat@*":
+  version: 18.3.1
+  resolution: "@preact/compat@npm:18.3.1"
+  peerDependencies:
+    preact: "*"
+  checksum: 10/c3a457a5496672207a276f89961ae725ca811c42a37865bac66fe636473805ac4bf6bcf333b2745fe4da874ccd8a5293020a5b353b027bc532ca74b3610dac37
+  languageName: node
+  linkType: hard
+
 "@preact/preset-vite@npm:^2.9.4":
   version: 2.10.0
   resolution: "@preact/preset-vite@npm:2.10.0"
@@ -17510,15 +17521,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dom@npm:@preact/compat@*, react@npm:@preact/compat@*":
-  version: 18.3.1
-  resolution: "@preact/compat@npm:18.3.1"
-  peerDependencies:
-    preact: "*"
-  checksum: 10/c3a457a5496672207a276f89961ae725ca811c42a37865bac66fe636473805ac4bf6bcf333b2745fe4da874ccd8a5293020a5b353b027bc532ca74b3610dac37
-  languageName: node
-  linkType: hard
-
 "react-is@npm:^16.13.1":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"