plugins.legend.align are incompatible types

Expected Behavior

I shouldn’t be seeing any errors

Current Behavior

TypeScript is complaining that the type of align should be ‘start’, ‘center’ or ‘end’ and not a string. In the documentation, the type of align is string

Possible Solution

export interface LegendOptions<TType extends ChartType> {
  ....
  /**
   * Alignment of the legend.
   * @default 'center'
   */
  align: 'start' | 'center' | 'end';

}

If I change align to a type of string. The TypeScript error goes away but I shouldn’t be doing this from my end.

Steps to Reproduce

Make sure you are using TypeScript in your project, use any of the chart, and try to align the label.

Environment

• Chart.js version: 3.6.0

[LeeLenaleee]

It seems to be a react-chartjs-2 issue since if you just use barebone chart.js in typescript it doesnt throw an error unless you put a wrong value in there.

React TS: https://codesandbox.io/s/goofy-curie-eyxrr?file=/src/App.tsx Angular TS: https://codesandbox.io/s/strange-almeida-f5hbz?file=/src/app/app.component.ts

[phoenixbeats01]

I’m still running into this same problem on version 4.3.1