Pasé como accesorios una matriz de cadenas y JSX, pero hay un mensaje de error "Falta el accesorio "clave" para el elemento en arrayeslintreact/jsx-key"
<Sec1Header MainText={[ "Your ", <span className='text-red-400'> Trusted </span>, " Development Partner", ]} />Estoy haciendo todo eso para tratar de colorear el texto "De confianza" con diferentes colores y no cambiar la dinámica div.
Estás pasando tus accesorios correctamente, es la regla ESLint react/jsx-key la que está generando ese mensaje. Solo necesita agregar un accesorio key a esa etiqueta <span> :
<Sec1Header MainText={[ "Your ", <span key="coloredText" className="text-red-400"> Trusted </span>, " Development Partner", ]} />Las teclas ayudan a React a identificar qué elementos han cambiado, se agregaron o se eliminaron. Se deben dar claves a los elementos dentro de la matriz para darles a los elementos una identidad estable...
https://reactjs.org/docs/lists-and-keys.html#keys
Pero como sugirió un comentario, también convertiría ese texto coloreado en su propio componente secundario separado.