ListaDeNotas' is not defined react/jsx-no-undef Search for the keywords to learn more about each error.

Olá pessoal, alguem pode me ajudar? Como a aula foi gravada antes das atualizacões que removeram a necessidade de colocar import em algumas pastar, acabei ficando confuso. Minha lista de Notas n está funcionando, segue o meu código

App.js

function App() {
  return (
    <section>
      <form>
      <input type="text" placeholder="Título"/>
      <textarea placeholder="escreva sua nota">

      </textarea>
      <button>Criar</button>
    </form>
    <ListaDeNotas/>
    </section>
  );
}

export default App;

ListaDeNotas.jsx

export class ListaDeNotas{
    render (){
        return(    <ul>
            <li>
              <section>
                <header>
                  <h3>titulo</h3>
                </header>
                <p>escreva sua nota</p>
              </section>
            </li>
          </ul>);
    }

}