[Bug]: mixed type with bar and line can not assign to data property

[jchalex]

Would you like to work on a fix?

• Check this if you would like to implement a PR, we are more than happy to help you go through the process.

Current and expected behavior

show the chart, but compile error

error TS2322: Type '{ labels: string[]; datasets: { label: string; data: number[]; type: string; }[]; }' is not assignable to type 'ChartData<"bar", (number | [number, number] | null)[], unknown>'.
  Types of property 'datasets' are incompatible.
    Type '{ label: string; data: number[]; type: string; }[]' is not assignable to type 'ChartDataset<"bar", (number | [number, number] | null)[]>[]'.
      Type '{ label: string; data: number[]; type: string; }' is not assignable to type 'ChartDataset<"bar", (number | [number, number] | null)[]>'.
        Type '{ label: string; data: number[]; type: string; }' is not assignable to type '_DeepPartialObject<{ type: "bar"; } & BarControllerDatasetOptions>'.
          Types of property 'type' are incompatible.
            Type 'string' is not assignable to type '"bar"'.

9           :data="data"

code

<Bar
  :data="data"
  :options="options"
/>

const data = {
  labels: TEST_MONTHS,
  datasets: [
    {
      label: 'num',
      data: [40, 20, 12, 11, 15, 22, 29, 35, 41, 22, 33, 30],
      type: 'bar',
    },
    {
      label: 'score',
      data: [40, 20, 12, 11, 15, 22, 29, 35, 41, 22, 33, 30],
      type: 'line',
    },
  ],
};
const options = {
  responsive: true,
  plugins: {
    title: {
      display: false,
      text: 'score',
    },
  },
};

const data: ChartData<'bar'|'line'> 

not work either

Reproduction

no

chart.js version

v4.2.1

vue-chartjs version

v5.2.0

Possible solution

No response