Tengo el siguiente tipo de TypeScript:

 type Colour = { colour: string; type: string; };

Y tengo la siguiente función:

 const formattedKeys = (legend: { [name: string]: string }[]) => { return <> <Grid item xs={6}>{name}</Grid><Grid item xs={6}>{value}</Grid> </> }

Esta función está siendo utilizada por muchos otros tipos, por lo que quiero que la clave del campo sea dinámica. Sin embargo, estoy luchando para que la función acepte los valores del tipo Color. ¿Hay alguna forma de hacer esto?