Estoy tratando de pasar una función que devuelve un valor hexadecimal de un color de una matriz de objetos dada una cadena.

 const useStyles = makeStyles((theme) => ({ root: { backgroundColor: '#FFF' } })) const ComponentName = () => { const UseColor = name => colors.brand.find(c => c.shade === name).color; const classes = useStyles(); return ( ... ... ) }

¿Cómo puedo pasar UseColor como una función a useStyles() y usar eso en mis estilos como UseColor('a shade here') , donde UseColor devuelve el valor hexadecimal definido asociado?