[Bug] ¿Como agrego un id a un nuevo colaborador?

Hola mi problema es que cuando yo creo un nuevo colaborador no se le genera un id a ese colaborador, pero a los que vienen por defecto dentro del código si tienen un id, al momento de eliminar un colaborador se borran todos los nuevos que he creado, porque no tienen id. ¿cómo le asigno un id a los nuevos colaboradores?

const [colaboradores, actualizarColaboradores] = useState ([{ id: uuid(), team:"Programación", foto:"https://github.com/MdDaniel1.png", name: "Daniel", position:"Estudiante" },{ id: uuid(), team:"Front End", foto:"https://github.com/MdDaniel1.png", name: "Daniel", position:"Estudiante" }

const [teams, actualizarEquipos] = useState([ { id: uuid(), title: "Programación", primaryColor: "#57C278 ", secondColor: "#D9F7E9"

},
{
  id: uuid(),
  title: "Front End",
  primaryColor: "#82CFFA",
  secondColor: "#E8F8FF"

},
{
  id: uuid(),
  title: "Data Science",
  primaryColor: "#A6D157",
  secondColor: "#F0F8E2"

},
{
  id: uuid(),
  title: "Devops",
  primaryColor: "#E06B69",
  secondColor: "#FDE7E8"

},
{
  id: uuid(),
  title: "UX y Diseño",
  primaryColor: "#DB6EBF",
  secondColor: "#FAE9F5"

},
{
  id: uuid(),
  title: "Móvil",
  primaryColor: "#FFBA05",
  secondColor: "#FFF5D9"

}, 
{
  id: uuid(),
  title: "Innovación y Gestión",
  primaryColor: "#FF8A29",
  secondColor: "#FFEEDF"

}

])

const cambiarForm = () =>{ actualizarForm(!mostrarForm) }

const registrarColaborador = (colaborador,) => { console.log("nuevo cola" , colaborador) actualizarColaboradores([...colaboradores,colaborador]) }

const eliminarColaborador = (id) =>{ console.log("eliminar cola", id); const nuevosColaboradores = colaboradores.filter((colaborador) => colaborador.id !== id) actualizarColaboradores(nuevosColaboradores) }

const crearEquipo = (nuevoEquipo) => { console.log(nuevoEquipo) actualizarEquipos([...teams, {...nuevoEquipo, id: uuid() }]) }

return (

  {mostrarForm && <Form 
    teams ={teams.map((team) => team.title )}
    registrarColaborador= {registrarColaborador}
    crearEquipo={crearEquipo}
  /> }

  <AddOrg cambiarForm={cambiarForm}/>

  {teams.map((team)=> <Teams 
    datos={team} 
    key={team.title} 
    colaboradores={colaboradores.filter(colaborador=>colaborador.team === team.title)}
    eliminarColaborador={eliminarColaborador}
    /> 
    )}

  <Footer/>
</div>

codigo colaborador js boton eliminar 
const Colaborador = (props) => {

const {name, position, foto, team, id} = props.datos
const {primaryColor,eliminarColaborador} = props
return <div className="colaborador" >
        <IoCloseCircleOutline className="btn__eliminar" onClick={() => eliminarColaborador(id)}/>