Não tô encontrando o erro

import React from 'react';

function Lista() {
    const tarefas =[{
        tarefa: 'React',
        tempo: '02:00:00'
    },{
        tarefa: 'JavaScrip',
        tempo: '01:01:01'
    }]
    return (
        <aside>
            <h2> Estudos do dia</h2>
            <ul>
            {tarefas.map((item, index) => (
                <li>
                    <h3>{item.tarefa}</h3>
                    <span>{item.tempo}</span>
                </li>
                ))}
            </ul>
        </aside>
    )
}

export default Lista;

Enquanto estava só o "html" ok. Quando adicionei essa função parou tudo. Tentei seguir a aula e pensei que funcionaria quando apaguei a parte html, mas não mudou. Não aparece erro de escrita e não consigo encontrar onde errei