map indefinido

Quando coloco a função map, dá erro de indefinido

O código:

class Lista extends Component {

render(){
    return (
        <ul>
        {this.props.notas.map((nota, index) => {
            return (
                <li key={index}>
                    <div>{nota}</div>
                    <section className='card-nota'>
                        <header className='card-nota_cabecalho'>
                        <h3 className='card-nota_texto'>Título</h3>
                        </header>
                        <p>Escreva sua nota</p>
                    </section>
                </li>
            );
        })}
        </ul>   

    );
}

}

Dá o seguinte erro:

Cannot read properties of undefined (reading 'map')

8 | } 9 | render(){ 10 | return (

11 |

• | ^ 12 | {this.props.notas.map((nota, index) => { 13 | return ( 14 |