This is the code that I have for the Doughnut chart. I am not able to make it responsive. I tried adding external sheets and even inline styles, but nothing is working.

** Update ** It's working now. I used px instead of %, now it's working. But, if there are any alternative efficient solutions then do let me know.

import React from "react";
    import { Doughnut } from "react-chartjs-2";
    
    const data = {
      labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
      datasets: [
        {
          label: "# of Votes",
          data: [12, 19, 3, 5, 2, 3],
          backgroundColor: ["red", "blue", "yellow", "green", "purple", "orange"],
          borderColor: ["red", "blue", "yellow", "green", "purple", "orange"],
          borderWidth: 1,
        },
      ],
    };
    
    const DoughnutChart = () => (
      <>
        <Doughnut
          data={data}
          options={{ maintainAspectRatio: false }}
          style={{ width: "250%", height: "150%" }}
        />
      </>
    );
    
    export default DoughnutChart;