Javascript Problema ao usar classe no React

[Anderson LTI]

Então é o seguinte, estou estudando React pela documentação oficial, eu já tinha uma ideia de criação de componentes e tal (tava estudando antes) mas eu voltei pra 'zerar' essa biblioteca e claro o React é muito volátil, muda toda hora a sintaxe de alguns comandos e complica a vida de quem está aprendendo ou de quem já aprendeu e precisa ficar revisando os mesmo comandos de maneira diferente, tô usando o NodeJs e estava usando function para a criação dos componentes como segue abaixo:

import React from 'react';
import './App.css';

function App() {
  return (
  	<h1>Olá Mundo!</h1>
  );
}

export default App;

Ok, funcionava muito bem, mas eu quero utilizar class ao invés de function, pois lendo um pouco descobri que é melhor e dá suporte a alguns comandos mais reservados que function não dá, mas quando tento usar class me retorna o seguinte erro de compilação:  "TypeError: class heritage react__WEBPACK_IMPORTED_MODULE_0___default.a.Component() is not an object or null", aqui o código usando class:

import React from 'react';
import './App.css';

class App extends React.Component() {
  render() {
    return (
      <div className="App">Olá, Mundo!</div>
    );
  }
}

export default App;

e caso precise o código da index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

 

[GabrielSennaMs]

@Anderson LTI Remove os parênteses do "React.Component()"

 

class App extends React.Component {
  render() {
    return (
      <div className="App">Olá, Mundo!</div>
    );
  }
}

 

[Anderson LTI]

@GabrielSennaMs Puts cara, pior que o meu código eu copiei do próprio site do React e tentei e não foi, e tava com os parênteses, também achei estranho os parênteses, mas achei que tinha mudado, enfim me ajudou cara valeu!