Estava declarando o useState da seguinte forma;
function Lista() {
const [tarefas, setTarefas] = useState([{
tarefa: 'React',
tempo: '02:00:00'
}, {
tarefa: 'JavaScript',
tempo: '01:00:00'
}, {
tarefa: 'Typescript',
tempo: '03:00:00'
}
])
Mas apenas dava erro "Cannot find name 'useState'.", então apos uma breve pesquisa no stackoverflow consegui resolver link: https://stackoverflow.com/questions/60754963/cant-use-usestate-with-typescript-cannot-find-name-usestate
adicionei o React. ao useState da seguinte forma e deu certo;
function Lista() {
const [tarefas, setTarefas] = React.useState([{
tarefa: 'React',
tempo: '02:00:00'
}, {
tarefa: 'JavaScript',
tempo: '01:00:00'
}, {
tarefa: 'Typescript',
tempo: '03:00:00'
}
]);