npm i react-chartjs react-chartjs-2

// PieChart.js
import React from 'react';
import { Pie } from 'react-chartjs-2';

const PieChart = () => {
const data = {
labels: ['Category 1', 'Category 2', 'Category 3', 'Category 4'],
datasets: [
{
data: [40, 30, 20, 10],
backgroundColor: [
'rgba(255, 99, 132, 0.6)',
'rgba(54, 162, 235, 0.6)',
'rgba(255, 206, 86, 0.6)',
'rgba(75, 192, 192, 0.6)',
],
},
],
};

return (
    <>
        <div>
            <h2>Pie Chart</h2>
            <Pie data={data} />
        </div>
    </>
);
};

export default PieChart;