[Bug] no se muestra el colaborador.

buenas tardes, trabajando el aula 2 del 2do curso, vi que al momento de agregar la variable colaboradores en el app.js

import { useState } from 'react';
import './App.css';
import Header from './componentes/Header/Header';
import Formulario from './componentes/Formulario/Formulario';
import MiOrg from './componentes/MiOrg';
import Equipo from './componentes/Equipo';
function App() {

  const [mostrarFormulario,actualizarMostrar] = useState(false);
  const [colaboradores,actualizarColaboradores] = useState([]);

  const cambiarMostrar = () => {
    actualizarMostrar(!mostrarFormulario)
  }
  const registrarColaborador = (colaborador) => {
    console.log("nuevo colaborador", colaborador)
    actualizarColaboradores([...colaboradores,colaborador])
  }
const equipos = [

  {
    titulo:"Programacion",
    colorPrimario: "#57c258",
    colorSecundario: "#d9f7e9"
  },
  {
    titulo:"Front End",
    colorPrimario: "#82cffa",
    colorSecundario: "#e8f8ff"
  },
  {
    titulo:"Data Science",
    colorPrimario: "#57c258",
    colorSecundario: "#f0f8e2"
  },
  {
  titulo:"Devops",
  colorPrimario: "#e06b69",
  colorSecundario: "#fde7e8"
  },

  {
  titulo:"UX y Diseño",
  colorPrimario: "#b86ebf",
  colorSecundario: "#fae9f5"
  },
  {
  titulo:"Movil",
  colorPrimario: "#fbba05",
  colorSecundario: "#fff5d9"
  },
  {
  titulo:"Innocacion y Gestion",
  colorPrimario: "#ff8a29",
  colorSecundario: "#ffeedf"
  }
  ]
  return (
    <div>
      <Header/>
      { /*mostrarFormulario? <Formulario /> : <></>*/ }
      {
      mostrarFormulario&& <Formulario 
      equipos={equipos.map((equipo)=>equipo.titulo)}
      registrarColaborador={registrarColaborador}
      />
      }

      <MiOrg cambiarMostrar={cambiarMostrar}
      />
      {
      equipos.map((equipo)=><Equipo 
      datos={equipo} 
      key={equipo.titulo}
      colaboradores={colaboradores}
      />
      )
      }
    </div>
  );
}

export default App;

y pasarla al index del componente equipo, al revisar por las herramientas del navegador, el array que trae de props esta vacio, mientras que el video aparece con contenido, y por ende no se muestra ningun colaborador,

import Colaborador from "../Colaborador";
import "./Equipo.css"

const Equipo = (props) => {

    const {colorPrimario,colorSecundario,titulo}=props.datos
    const {colaboradores} = props
    const obj={
        backgroundColor:colorSecundario
    }
    const estiloTitulo={borderColor:colorPrimario}
    return <section className="equipo" style={obj}>
        <h3 style={estiloTitulo}>{titulo}</h3>
        <div className="colaboradores">
            {
                colaboradores.map((colaborador) => <Colaborador />)
            }
        </div>
    </section>
};
export default Equipo