Using a function on stylesheet typescript react native

I try to use some variables inside my StyleSheet file.

The UI is working fine. But the type is error.

Any idea how to solve this?

type buttonStyle = (height: number, width: string, color: string) => ViewStyle;export type Styles = {  button: buttonStyle;};

export default StyleSheet.create<Styles>({  button: (height: number, width: string, color: string) => ({    height: height,    width: width,    backgroundColor: color,    alignItems: 'center',    justifyContent: 'center',    borderRadius: 10,  }),});

This is the error message from type.

Type 'Styles' does not satisfy the constraint 'NamedStyles<any> | NamedStyles<Styles>'.  Type 'Styles' is not assignable to type 'NamedStyles<Styles>'.    Types of property 'button' are incompatible.      Type 'buttonStyle' is not assignable to type 'ViewStyle | TextStyle | ImageStyle