Options not working in typescript

[el-sacapuntas]

 const options = {
        colors: ["#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd", "#8c564b"],
        enableTooltip: true,
        deterministic: false,
        fontFamily: "impact",
        fontSizes: [5, 60],
        fontStyle: "normal",
        fontWeight: "normal",
        padding: 1,
        rotations: 3,
        rotationAngles: [0, 0],
        scale: "sqrt",
        spiral: "rectangular",
        transitionDuration: 1000
      };
    
    return (
        <Box>
        <ReactWordcloud
            words={words}
            options = {options}  // <- ERROR HERE
        />
        </Box>
    )

error:

Type '{ colors: string[]; enableTooltip: boolean; deterministic: boolean; fontFamily: string; fontSizes: number[]; fontStyle: string; fontWeight: string; padding: number; rotations: number; rotationAngles: number[]; scale: string; spiral: string; transitionDuration: number; }' is not assignable to type 'Optional<Options>'.
  Types of property 'fontSizes' are incompatible.
    Type 'number[]' is not assignable to type 'MinMaxPair'.
      Target requires 2 element(s) but source may have fewer.
The expected type comes from property 'options' which is declared here on type 'IntrinsicAttributes & Props'

[satya0306]

you need to define options type.
you can write
const options:any = {
......
};

[mindong2]

no,
import { OptionsProp } from 'react-wordcloud';

const options: OptionsProp= {
....
};