renderにリターンするものが無いと表示される

Question

前提・実現したいこと

Firebaseからデータをとって、データを検索するという仕組みを実装したいです。
しかし、レンダーにリターンが無いとエラー表示されてしまいます。

発生している問題・エラーメッセージ

Unhandled Runtime Error
Error: Component(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

該当のソースコード

ページ表示用
pages/fire_find.js

import Layout from '../components/Layout';
import Firefind from '../components/Firefind';

export default () => {
  <Layout header="Fire" title="Sample data.">
    <Firefind />
  </Layout>
};

コンポーネント
components/Firefind.js

import React, { Component } from 'react';
import firebase from "firebase";
import "firebase/storage";

class Firefind extends Component {
  style = {
    borderBottom: "1px solid gray"
  }

  //初期化。ステートとイベント用メソッドの設定
  constructor(props) {
    super(props);
    this.state = {
      input: '',
      data: []
    }
    this.doChange = this.doChange.bind(this);
    this.doAction = this.doAction.bind(this);
  }

  //入力フィールドに入力時の処理
  doChange(e) {
    this.setState({
      input: e.target.value
    })
  }

  //ボタンクリック時の処理
  doAction(e) {
    this.findFireData(this.state.input);
  }

  //検索の実行
  findFireData(s) {
    let db = firebase.database();
    let ref = db.ref('sample/');
    let self = this;
    ref.orderByKey().equalTo(s).on('value', (snapshot) => {
      self.setState({
        data:snapshot.val()
      });
    });
  }

  //テーブルの内容の作成
  getTableData() {
    let result = [];
    if (this.state.data == null || this.state.data.length == 0) {
      return [<tr key="0"><th>NO DATA.</th></tr>];
    }
    for (let i in this.state.data) {
      result.push(<tr key={i}>
        <th>{this.state.data[i].ID}</th>
        <th>{this.state.data[i].name}</th>
        <th>{this.state.data[i].message}</th>
      </tr>);
    }
    return result;
  }

  //レンダリング
  render() {
    return (<div>
      <input type="text" onChange={this.doChange} style={this.style} value={this.state.input} />
      <button onClick={this.doAction}>Find</button>
      <hr />
      <table><tbody>
        {this.getTableData()}  
      </tbody></table>
    </div>)
  }
}

export default Firefind;

試したこと

書籍を元にコードを入力し、テキスト比較も試しましたが異常は見当たりません。
他のfirebaseの機能（データを表示する）の時は、問題なく動きました。

Answer 1

fire_find.jsがなにもreturnしていないのでは？
下記では動作しますか？

export default () => {
  return(
    <Layout header="Fire" title="Sample data.">
      <Firefind />
    </Layout>
  )
};

Comments

[Kana-T]

returnを入れたら動きました！
ありがとうございます！
書籍のスクリプトにはreturnはなかったので、不思議です。。
でも解決できてよかったです。

[Kana-T]

exportの時に{ }を使っていたのが原因でした。この場合returnが必要ですね！
書籍の( ) にしても動きました。テキスト比較でも見逃しておりました。
ありがとうございました！