reactchartjs · renovate · Apr 5, 2025
diff --git a/sandboxes/bar/grouped/package.json b/sandboxes/bar/grouped/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/bar/horizontal/package.json b/sandboxes/bar/horizontal/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/bar/stacked/package.json b/sandboxes/bar/stacked/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/bar/vertical/package.json b/sandboxes/bar/vertical/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/bubble/default/package.json b/sandboxes/bubble/default/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/chart/canvas/package.json b/sandboxes/chart/canvas/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/chart/events/package.json b/sandboxes/chart/events/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/chart/multitype/package.json b/sandboxes/chart/multitype/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/chart/ref/package.json b/sandboxes/chart/ref/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/doughnut/default/package.json b/sandboxes/doughnut/default/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/line/area/package.json b/sandboxes/line/area/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/line/default/package.json b/sandboxes/line/default/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/line/multiaxis/package.json b/sandboxes/line/multiaxis/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/pie/default/package.json b/sandboxes/pie/default/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/polarArea/default/package.json b/sandboxes/polarArea/default/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/radar/default/package.json b/sandboxes/radar/default/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/sandboxes/scatter/default/package.json b/sandboxes/scatter/default/package.json
@@ -15,7 +15,7 @@
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "typescript": "4.9.5",
+    "typescript": "5.8.3",
     "vite": "^6.0.0"
   }
 }
diff --git a/website/package.json b/website/package.json
@@ -35,7 +35,7 @@
     "@docusaurus/module-type-aliases": "2.0.0-beta.14",
     "@tsconfig/docusaurus": "^1.0.4",
     "@types/react": "^18.0.0",
-    "typescript": "^4.3.5",
+    "typescript": "^5.0.0",
     "webpack": "^5.64.2"
   },
   "browserslist": {

diff --git a/website/pnpm-lock.yaml b/website/pnpm-lock.yaml
diff --git a/stories/Chart.stories.tsx b/stories/Chart.stories.tsx
              xMin: 1,
              xMax: 2,
              yMin: 50,
              yMax: yMax,
              backgroundColor: 'rgba(255, 99, 132, 0.25)',
            },
          },
diff --git a/src/chart.tsx b/src/chart.tsx
    if (!redraw && chartRef.current && data.datasets) {
      setDatasets(chartRef.current.config.data, data.datasets, datasetIdKey);
    }
  }, [redraw, data.datasets]);

  useEffect(() => {
    if (!chartRef.current) return;
    } else {
      chartRef.current.update(updateMode);
    }
  }, [redraw, options, data.labels, data.datasets, updateMode]);

  useEffect(() => {
    if (!chartRef.current) return;

    destroyChart();
    setTimeout(renderChart);
  }, [type]);

  useEffect(() => {
    renderChart();

    return () => destroyChart();
  }, []);

  return (
    <canvas
	xMin: 1,
	xMax: 2,
	yMin: 50,
	yMax: yMax,
Check warning on line 178 in stories/Chart.stories.tsx GitHub Actions / Tests `Expected property shorthand`
	backgroundColor: 'rgba(255, 99, 132, 0.25)',
	},
	},
	if (!redraw && chartRef.current && data.datasets) {
	setDatasets(chartRef.current.config.data, data.datasets, datasetIdKey);
	}
	}, [redraw, data.datasets]);
Check warning on line 76 in src/chart.tsx GitHub Actions / Tests `React Hook useEffect has a missing dependency: 'datasetIdKey'. Either include it or remove the dependency array`

	useEffect(() => {
	if (!chartRef.current) return;
	} else {
	chartRef.current.update(updateMode);
	}
	}, [redraw, options, data.labels, data.datasets, updateMode]);
Check warning on line 87 in src/chart.tsx GitHub Actions / Tests `React Hook useEffect has missing dependencies: 'destroyChart' and 'renderChart'. Either include them or remove the dependency array`

	useEffect(() => {
	if (!chartRef.current) return;

	destroyChart();
	setTimeout(renderChart);
	}, [type]);
Check warning on line 94 in src/chart.tsx GitHub Actions / Tests `React Hook useEffect has missing dependencies: 'destroyChart' and 'renderChart'. Either include them or remove the dependency array`

	useEffect(() => {
	renderChart();

	return () => destroyChart();
	}, []);
Check warning on line 100 in src/chart.tsx GitHub Actions / Tests `React Hook useEffect has missing dependencies: 'destroyChart' and 'renderChart'. Either include them or remove the dependency array`

	return (
	<canvas