Typing for Props passed to useStyles(props)

[myhendry]

Hi. How do we type the props in useStyles? The typing for theme is working fine. Thanks

type Props = { size: number; user: any; }; const Avatar = ({ user, ...props }: Props) => { const { theme } = useTheme(); const styles = useStyles(props); return ( <Image style={styles.image} source={ user.photoURL ? { uri: user.photoURL } : require("../../assets/icon-square.png") } resizeMode="cover" /> ); }; export default Avatar; const useStyles = makeStyles((theme, props) => ({ image: { width: props.size, <-- Property 'size' does not exist on type 'unknown'. height: props.size, <-- Property 'size' does not exist on type 'unknown'. borderRadius: props.size, <-- Property 'size' does not exist on type 'unknown'. }, })); 

[arpitBhalla]

Hey, for now you can use

type StyleProps={ size:number; } const useStyles = makeStyles((theme, props:StyleProps) => ({ image: { width: props.size }, }));

I am working on theming, hope it would get better in v4

[myhendry]

Thanks a lot :)