...
  render() {
  ...

    return (
      <div className="App">
        <GlobalErrorBoundary>
          <MuiThemeProvider theme={theme}>
            <header className="App-header">
              <TopBar title="Meteorite Explorer"/>
            </header>

            <section className="App-search">
              <Search publishSearchTerms={this.publishSearchTerms} />
            </section>

            <section className="App-results">
              <div>
                {this.state.isDataLoaded ?
                  ( <MeteoriteTable meteoriteStrikes={ this.state.meteoriteStrikes }
                      searchTerms={ this.state.searchTerms } /> )
                  : (' ')
                }
              </div>
            </section>

            <footer className="App-footer">
              <BottomBar title="Data courtesy Nasa Open Data Portal"
                href={ process.env.REACT_APP_METEORITE_LANDING_HOMEPAGE } />
            </footer>
          </MuiThemeProvider>
        </GlobalErrorBoundary>
      </div>
    );
  }
  ...