Olá, tudo bem? creio que o código correto ao final da seção seja:
const [tarefas, setTarefas] = useState([{
tarefa: 'React',
tempo: '02:00:00'
}, {
tarefa: 'JavaScript',
tempo: '01:00:00'
}, {
tarefa: 'Typescript',
tempo: '03:00:00'
}
]);A ordem das chaves e colchetes está invertida no material.
Mais a baixo também há outro erro, a chave está como tarefas, quando o correto é tarefa:
<h2 onClick={() => {
setTarefas([...tarefas, {tarefa: "Estudar estado", tempo: "05:00:00"}])
}}>Estudos do dia
</h2>
