【React】 Uncaught Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. エラーの解決方法 【Create React App】

エラーが発生

• Reactアプリ開発中、コンパイルエラーは発生していないが、画面が何も表示されなくなった
• Chromeのコンソールには以下のエラーが表示

react-dom.development.js14169
Uncaught Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

エラーの原因

return 部分を誤って削除してしまっていた

App.js

import React from 'react';
import './App.css';
import './service/firebase';
import Header from './components/Header';

function App() {
    // 原因： 以下をreturnしていない
    <div className="App">
      <Header />
    </div>
}

export default App;

エラーの解決方法

return してあげたらエラーが無くなり画面が表示される

App.js

import React from 'react';
import './App.css';
import './service/firebase';
import Header from './components/Header';

function App() {
  return (
    <div className="App">
      <Header />
    </div>
  );
}

export default App;