Dúvida

Meu códio está igual o do professor só que não apareceu na página do localhost o "Estudar estado". Por que?

import React, { useState } from 'react';
import Item from './Item/item';
import style from './Lista.module.scss';

function Lista() {

    const [tarefas, setTarefas] = useState([{
        tarefa: 'React',
        tempo: '02:00:00'
    }, {
        tarefa: 'Javascript',
        tempo: '01:00:00'
    }, {
        tarefa: 'Typescript',
        tempo: '03:00:00'
    }]);
    return (
        <aside className={style.listaTarefas}>
            <h2 onClick={() => {
                setTarefas([ ...tarefas, {tarefa: "Estudar estado", tempo: "05:00:00"}]);
            }}> Estudos do dia </h2>
            <ul>
                {tarefas.map((item, index) => (
                    <Item
                    key={index}
                    {...item}
                    />
                ))}
            </ul>
        </aside>
    )
}

export default Lista;