Quando fui começar a aula percebi que já começava com pessoas cadastradas, o que não tinha sido feito ainda no curso passado.
Para resolver isso bastou criar o objeto 'Inicial' em app.js e atribuir const[colaboradores, setColaboradores] = useState(Inicial)
const inicial = [
{
nome: 'JULIANA AMOASEI',
cargo: 'Desenvolvedora de software e instrutora',
imagem: 'https://www.alura.com.br/assets/img/lideres/juliana-amoasei.1647533644.jpeg',
time: times[0].nome
},
{
nome: 'DANIEL ARTINE',
cargo: 'Engenheiro de Software na Stone Age',
imagem: 'https://www.alura.com.br/assets/img/lideres/daniel-artine.1647533644.jpeg',
time: times[0].nome
},
{
nome: 'GUILHERME LIMA',
cargo: 'Desenvolvedor Python e JavaScript na Alura',
imagem: ' https://www.alura.com.br/assets/img/lideres/guilherme-lima.1647533644.jpeg',
time: times[0].nome
},
{
nome: 'PAULO SILVEIRA',
cargo: 'Hipster e CEO da Alura',
imagem: 'https://www.alura.com.br/assets/img/lideres/paulo-silveira.1647533644.jpeg',
time: times[0].nome
},
{
nome: 'JULIANA AMOASEI',
cargo: 'Desenvolvedora de software e instrutora',
imagem: 'https://www.alura.com.br/assets/img/lideres/juliana-amoasei.1647533644.jpeg',
time: times[1].nome
},
{
nome: 'DANIEL ARTINE',
cargo: 'Engenheiro de Software na Stone Age',
imagem: 'https://www.alura.com.br/assets/img/lideres/daniel-artine.1647533644.jpeg',
time: times[1].nome
},
{
nome: 'GUILHERME LIMA',
cargo: 'Desenvolvedor Python e JavaScript na Alura',
imagem: ' https://www.alura.com.br/assets/img/lideres/guilherme-lima.1647533644.jpeg',
time: times[1].nome
},
{
nome: 'PAULO SILVEIRA',
cargo: 'Hipster e CEO da Alura',
imagem: 'https://www.alura.com.br/assets/img/lideres/paulo-silveira.1647533644.jpeg',
time: times[1].nome
}]
const [colaboradores, setColaboradores] = useState(inicial)
Faça isso para cada time (Não cabe aqui) Mas pode olhar o código do professor aqui : https://github.dev/alura-cursos/react-componentes-funcionam/blob/Aula1/src/componentes/Colaborador/index.js