Fix RedBox require and add a test

[nathanmarks]

This addresses #312 .

Right now in the console we're seeing an error crop up because AppContainer.dev is attempting to render the Redbox module export but the component sits on .default due to babelification and AppContainer is using require().

[EloB]

Please merge this because it's very hard to develop right now with the beta. The error output without this is also pointing you at the wrong code! So I have to remove the <AppContainer> from the render function when ever I get an error that I don't know where it's located.

[peterbe]

My index.js now looks like this:

const rootEl = document.getElementById('root');
// If you get errors like:
// Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method of `AppContainer`.
// then comment out these lines and uncomment the ones below.
ReactDOM.render(
  <AppContainer>
    <App />
  </AppContainer>,
  rootEl
);
// ReactDOM.render(
//   <App />,
//   rootEl
// );

:(

[blesswinsamuel]

My temporary fix:

const mount = document.getElementById('app');

render(
  <AppContainer errorReporter={({ error }) => {throw error}}>
    <App store={store} />
  </AppContainer>,
  mount
);

[quaninte]

Please merge this one 👍

[jiripudil]

Until this is merged, you can still use redbox-react for error reporting, just import it yourself correctly and overwrite the default errorReporter prop:

import RedBox from 'redbox-react';
// or
const RedBox = require('redbox-react').default;

render(
    <AppContainer errorReporter={RedBox}>
        <App />
    </AppContainer>,
    mount
);

Also, bump :)