Jss Typescript cannot accept value of array

hi, after i upgrading jss to v 10.6.0, my code break!

It seem the typescript definition is wrong. See the TS code below:

const otherStyle1: JssStyle = {
    background: 'red',
    opacity: 5,
};
const otherStyle2: JssStyle = {
    background: 'red',
    opacity: 5,
};
const test = createUseStyles({
    main: {
        extend: otherStyle1 // FINE, otherStyle1 is acceptable JssValue
    },
});
const test2 = createUseStyles({
    main: {
        extend: [otherStyle1, otherStyle2]  // <== TYPESCRIPT ERROR HERE
    },
});

It seem the prop value only accept string, number, another style, but not an array <prop name: string> : <prop value: (string | number | function)>

in jss however, the extend is a special prop name. We should either passing a single value or an array of value, so the TS definition should be: <prop name: string> : <prop value: (string | number | function | (string | number | function)[])>

to temporary workaround the problem, I just force the prop value as non array:

const test2 = createUseStyles({
    main: {
        extend: [otherStyle1, otherStyle2] as JssStyle
    },
});

[heyymarco]

here I reproduce the error: https://codesandbox.io/s/flamboyant-vaughan-mk079?file=/src/App.tsx

the error: Type ‘JssStyle<any, undefined>[]’ is not assignable to type 'false | (string & {}) | (number & {}) | (string | number | (string | number)[])[] | Observable<false | (string & {}) | { alignContent?: (string & {}) | …

[heyymarco]

the extend is a special prop than other props. It should accept a single value or multiple values (an array).