• react-chartjs-2
• chart.js

をインストールしておきます。

pnpm

pnpm add react-chartjs-2 chart.js

yarn

yarn add react-chartjs-2 chart.js

npm

npm install react-chartjs-2 chart.js

例

import { Pie } from "react-chartjs-2";
import { Chart, ArcElement, Tooltip, Legend } from "chart.js";

Chart.register(ArcElement, Tooltip, Legend);

const data = {
  labels: labels,
  datasets: [{ data: data, backgroundColor: colors }],
}

<Pie data={data} />

必要に応じて options を入れる。
例えばツールチップやグラフ上の装飾など。

参考文献

• https://react-chartjs-2.js.org/
• https://www.chartjs.org/