class App extends Component {
  render() {
    // here
    throw new Error("trol");
    return (
      <div className="App">
        <header className="App-header">
          <h1 className="App-title">Welcome to React</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>
    );
  }
}

export default App;

export default class ErrorBoundary extends React.Component {
    constructor(props) {
        super(props);
        this.state = { hasError: false };
    }

    componentDidCatch(error, info) {
        // Display fallback UI
        this.setState({ hasError: true });
        // You can also log the error to an error reporting service
        //logErrorToMyService(error, info);
    }

    render() {
        if (this.state.hasError) {
            // You can render any custom fallback UI
            return <h1>Something went wrong.</h1>;
        } else {
            return this.props.children;
        }

    }
}

export const renderRoutes = () => (
    <ErrorBoundary>
      <App />
    </ErrorBoundary>
);

Meteor.startup(() => {
  render(renderRoutes() , document.getElementById('render-target'));
});

onPageLoad(sink => {
  const html = "<div id='render-target'>" + renderToString(
    <ErrorBoundary>
      <App />
    </ErrorBoundary>
  ) + "</div>";
  sink.appendToBody(html);
});


Meteor.startup(() => {
  // code to run on server at startup
});

Error running template: Error: trol