[Bug] Cannot read properties of undefined (reading 'cor') TypeError: Cannot read properties of undefined (reading 'cor')

O código:

import Colaborador from '../componentes/Colaborador'
import './Time.css'
import hexToRgba from 'hex-to-rgba'

const Time = ({ nome, cor, colaboradores, aoDeletar, mudarCor, time }) => {
    const css = { backgroundColor: hexToRgba(time.cor, '0.6')};
  
    return (
      colaboradores.length > 0 && (
        <section className="time" style={css}>
          <input onChange={evento => mudarCor(nome, evento.target.value)} value={cor} type="color" className="input-cor" />
          <h3 style={{ borderColor: cor }}>{nome}</h3>
          <div className="colaboradores">
            {colaboradores.map(colaborador => (
              <Colaborador
                key={colaborador.nome}
                corDeFundo={cor}
                nome={colaborador.nome}
                cargo={colaborador.cargo}
                imagem={colaborador.imagem}
                aoDeletar={aoDeletar}
              />
            ))}
          </div>
        </section>
      )
    );
  };


export default Time