diff --git a/lib/app.js b/lib/app.js
index 02864563a1fa0..979ed7bd42a5f 100644
--- a/lib/app.js
+++ b/lib/app.js
@@ -22,7 +22,7 @@ export default class App extends Component {
 
     return <div>
       <Container {...containerProps} />
-      {ErrorDebug && err ? <ErrorDebug err={err} /> : null}
+      {ErrorDebug && err ? <ErrorDebug error={err} /> : null}
     </div>
   }
 
@@ -40,7 +40,7 @@ class Container extends Component {
 
     // includes AppContainer which bypasses shouldComponentUpdate method
     // https://github.com/gaearon/react-hot-loader/issues/442
-    return <AppContainer>
+    return <AppContainer errorReporter={ErrorDebug}>
       <Component {...props} url={url} />
     </AppContainer>
   }
diff --git a/lib/error-debug.js b/lib/error-debug.js
index 700e9f6805eea..1e1beb3bb564d 100644
--- a/lib/error-debug.js
+++ b/lib/error-debug.js
@@ -2,7 +2,7 @@ import React from 'react'
 import ansiHTML from 'ansi-html'
 import Head from './head'
 
-export default ({ err, err: { name, message, module } }) => (
+export default ({ error, error: { name, message, module } }) => (
   <div style={styles.errorDebug}>
     <Head>
       <meta name='viewport' content='width=device-width, initial-scale=1.0' />
@@ -11,7 +11,7 @@ export default ({ err, err: { name, message, module } }) => (
     {
       name === 'ModuleBuildError'
       ? <pre style={styles.message} dangerouslySetInnerHTML={{ __html: ansiHTML(encodeHtml(message)) }} />
-      : <StackTrace error={err} />
+      : <StackTrace error={error} />
     }
   </div>
 )
