Boa noite, meu codigo está dando o seguinte erro:

src\App.js
  Line 7:25:  Parsing error: Missing semicolon.

   5 | import './assets/index.css';
   6 |
>  7 | criarNota(titulo, texto){
     |                         ^
   8 |   console.log(`uma nova nota foi foi criada: ${titulo} ${texto}`);
   9 | };
  10 |

Segue o codigo inteiro:

import React, { Component } from 'react';
import FormularioCadastro from './components/FormularioDeCadastro/FormularioDeCadastro';
import ListaDeNotas from './components/ListaDeNotas/ListaDeNotas';
import './assets/App.css';
import './assets/index.css';

criarNota(titulo, texto){
  console.log(`uma nova nota foi foi criada: ${titulo} ${texto}`);
};

class App extends Component {
  render(){
    return (
      <section className="conteudo">

        <FormularioCadastro criarNota={this.criarNota}/>
        <ListaDeNotas />
      </section>
    );
  }
}

export default App;

Alguém pode me ajudar? Obrigado!