title: Cannot find file: 'Chart.js' does not match the corresponding name on disk: '.\node_modules\chart.js\dist\chart.js'
body: <p>i am trying to impliment a bar chart what am i doing wrong here?</p>
  <p>here also i am getting error saying to use typescript</p>
  <p><code>formatter: (value: number) =&gt; value + &quot; %&quot;, </code>
  but i use only .js format</p>
  <pre><code>import { Chart } from &quot;chart.js&quot;;
  
  import { Bar } from &quot;react-chartjs-2&quot;;
  import ChartjsPluginStacked100 from &quot;chartjs-plugin-stacked100&quot;;
  import &quot;chart.js/auto&quot;;
  import ChartDataLabels from &quot;chartjs-plugin-datalabels&quot;;
  Chart.register(ChartDataLabels);
  
  const ExampleChart = () =&gt; (
    &lt;Bar
      data={{
        labels: [&quot;January&quot;, &quot;February&quot;, &quot;March&quot;, &quot;April&quot;, &quot;May&quot;, &quot;June&quot;, &quot;July&quot;],
        datasets: [
          {
            label: &quot;My First dataset&quot;,
            backgroundColor: &quot;#EC932F&quot;,
            borderColor: &quot;rgba(255,99,132,1)&quot;,
            borderWidth: 1,
            hoverBackgroundColor: &quot;rgba(255,99,132,0.4)&quot;,
            hoverBorderColor: &quot;rgba(255,99,132,1)&quot;,
            data: [65, 59, 80, 81, 56, 55, 100],
            borderRadius: 50, // Make Rectangle rounded
          },
        ],
      }}
      options={{
        indexAxis: &quot;y&quot;, // Horizontal bar
        plugins: {
          datalabels: {
            formatter: (value: number) =&gt; value + &quot; %&quot;, // Add the percentage after the value
            align: &quot;end&quot;,
            anchor: &quot;end&quot;,
            clip: true, // Hide label if outside of the chart
          },
        },
        scales: {
          x: {
            grid: {
              display: false, // Hide x grid
            },
          },
          y: {
            grid: {
              display: false, // Hide y grid
            },
          },
        },
      }}
    /&gt;
  );
  
  export default function bar() {
    return (
      &lt;div className=&quot;&quot;&gt;
        &lt;ExampleChart /&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>