abri uma duvida no tópico anterior, mas resolvi colocar o código no chatgpt e me deu a seguinte sugestão de código:
const Time = ({ nome, corPrimaria, corSecundaria, colaboradores, aoDeletar, mudarCor }) => {
const css = { backgroundColor: corSecundaria };
return (
colaboradores.length > 0 && (
<section className="time" style={css}>
<input onChange={evento => mudarCor(nome, evento.target.value)} value={corPrimaria} type="color" className="input-cor" />
<h3 style={{ borderColor: corPrimaria }}>{nome}</h3>
<div className="colaboradores">
{colaboradores.map(colaborador => (
<Colaborador
key={colaborador.nome}
corDeFundo={corPrimaria}
nome={colaborador.nome}
cargo={colaborador.cargo}
imagem={colaborador.imagem}
aoDeletar={aoDeletar}
/>
))}
</div>
</section>
)
);
};
esse funcionou, mas ainda não sei o que tinha de errado com o outro código.