[Bug] la prop eliminar esta undefined

cuando voy a los componente en el navegador con la extersion de las react tools, el eliminar solo aparece en la prop de colaborador ademas que aparece undefined y en el video del instructor la prop trambien esta presente en equipo cosa que ami no. y por ultimo el console log no se ejecuta. paso el codigo trabajado 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';
import Footer from './componentes/Footer/Index';
function App() {

  const [mostrarFormulario,actualizarMostrar] = useState(false);
  const [colaboradores,actualizarColaboradores] = useState([{
    equipo:"Front End",
    foto: "https://github.com/miguelsotelo01.png",
    nombre:"Miguel A Sotelo",
    puesto:"Programador"
  },
  {
    equipo:"Programacion",
    foto:"https://github.com/miguelsotelo01.png",
    nombre:"Miguel A Sotelo",
    puesto:"Programador"
  },
  {
    equipo:"UX y Diseño",
    foto:"https://github.com/miguelsotelo01.png",
    nombre:"Miguel A Sotelo",
    puesto:"Programador"
  },
  {
    equipo:"Programacion",
    foto:"https://github.com/miguelsotelo01.png",
    nombre:"Miguel A Sotelo",
    puesto:"Programador"
  },
  {
    equipo:"Innocacion y Gestion",
    foto:"https://github.com/miguelsotelo01.png",
    nombre:"Miguel A Sotelo",
    puesto:"Programador"
  }


]);

  const cambiarMostrar = () => {
    actualizarMostrar(!mostrarFormulario)
  }
  const registrarColaborador = (colaborador) => {
    console.log("nuevo colaborador", colaborador)
    actualizarColaboradores([...colaboradores,colaborador])
  }
  //eliminar colaborador
  const eliminarColaborador = () => {
    console.log("eliminar 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.filter(colaborador => colaborador.equipo===equipo.titulo)}
      eliminarColaborador={eliminarColaborador}
      />
      )
      }
      <Footer/>
    </div>
  );
}

export default App;

el index.js de el componente equipo:

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

const Equipo = (props) => {

    const {colorPrimario,colorSecundario,titulo}=props.datos
    const {colaboradores, eliminarColaborador} = props
    const obj={
        backgroundColor:colorSecundario
    }


    const estiloTitulo={borderColor:colorPrimario}
    return <>
    {
            colaboradores.length > 0 &&
            <section className="equipo" style={obj}>
                <h3 style={estiloTitulo}>{titulo}</h3>
                <div className="colaboradores">
                    {
                        colaboradores.map((colaborador,index) => <Colaborador 
                        datos={colaborador} 
                        key={index}
                        colorPrimario={colorPrimario}
                        eliminarColaborador={eliminarColaborador}
                        />)
                    }
                </div>
            </section>
    }
    </>
}
export default Equipo

y el index del componente colaborador:

import "./Colaborador.css"
import {AiFillCloseCircle} from "react-icons/ai"
const Colaborador = (props)=>{
    const {nombre,puesto,foto,equipo} = props.datos
    const {colorPrimario, eliminarColaborador} = props
    return <div className="colaborador">
        <AiFillCloseCircle className="eliminar" onClick={eliminarColaborador}/>
        <div className="encabezado" style={{backgroundColor:colorPrimario}}>
            <img src={foto} alt={nombre}/>
        </div>
        <div className="info">
            <h4>{nombre}</h4>
            <h5>{puesto}</h5>
        </div>
    </div>
}
export default Colaborador