ReactでCompileエラーが発生してしまう

現状

Failed Compile
./src/index.js
Attempted import error: './App' does not contain a default export (imported as 'App')

このようなエラーが出てしまいます。

仮説

import React from 'react';
import ReactDOM from 'react-dom';
import './assets/styles/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();

index.jsがエラー文を見ると問題だと思い見てみたのですが、どこが原因か分からない状況であります。

他のコード

import React from 'react';
import defaultDateset from "./dataset"; //defauleDatesetを読み込む
import './assets/styles/style.css' 

export class App extends React.Component {
  constructor(props) { //初期のstateの状態の定義
    super(props);
    this.state ={
      answers: [],
      chats: [],
      currentId: "init",
      dataset: defaultDataset,
      open: false
    }
  }
  render(){
    return (
      <section className="c-section">
        <div className="c-box">

        </div>
      </section>
    );
  }
}

上記はApp.jsxのコードになります

最近勉強始めたばかりで、教えていただけると嬉しいです。

宜しくお願い致します。