Added docs and plugged in onError() handler

Author: bvaughn

.flowconfig

@@ -1,4 +1,5 @@
 [ignore]
+node_modules/.*
 
 [include]
 

README.md

@@ -0,0 +1,25 @@
+# react-error-boundary
+
+Sample reusable React error boundary component for React 16+
+
+```jsx
+import ErrorBoundary from 'react-error-boundary';
+
+// The simplest way to use a boundary;
+// Wrap around any component that may throw an error:
+<ErrorBoundary>
+  <ComponentThatMayError />
+</ErrorBoundary>
+
+// You can also react to errors (eg for logging):
+const myErrorHandler = (error, componentStack) => {/* ... */}
+<ErrorBoundary onError={myErrorHandler}>
+  <ComponentThatMayError />
+</ErrorBoundary>
+
+// You can also customize the fallback appearance:
+const MyFallbackComponent = ({ componentStack, error }) => (/* ... */)
+<ErrorBoundary FallbackComponent={MyFallbackComponent}>
+  <ComponentThatMayError />
+</ErrorBoundary>
+```

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-error-boundary",
-  "version": "0.0.5",
-  "description": "Simple reusable React error boundary component",
+  "version": "0.0.6",
+  "description": "Sample reusable React error boundary component for React 16+",
   "files": [
     "dist"
   ],

src/ErrorBoundary.js

@@ -6,7 +6,7 @@ import ErrorBoundaryFallbackComponent from './ErrorBoundaryFallbackComponent';
 type Props = {
   children?: any,
   FallbackComponent: any,
-  onError?: (error: Error) => void,
+  onError?: (error: Error, componentStack: string) => void,
 };
 
 type ErrorInfo = {
@@ -41,6 +41,14 @@ class ErrorBoundary extends Component {
   }
 
   componentDidError(error: Error, info: ErrorInfo):void {
+    const {onError} = this.props;
+
+    if (typeof onError === 'function') {
+      try {
+        onError(error, info ? info.componentStack : '');
+      } catch (error) {}
+    }
+
     this.setState({error, info});
   }
 
@@ -50,7 +58,7 @@ class ErrorBoundary extends Component {
 
     if (error !== null) {
       return (
-        <FallbackComponent componentStack={info && info.componentStack} error={error} />
+        <FallbackComponent componentStack={info ? info.componentStack : ''} error={error} />
       );
     }
 

src/ErrorBoundaryFallbackComponent.js

@@ -8,7 +8,7 @@ type Props = {
 };
 
 const toTitle = (error: Error, componentStack: string): string => {
-  return `${error}\n\nThis is located at:${componentStack}`;
+  return `${error.toString()}\n\nThis is located at:${componentStack}`;
 };
 
 const ErrorBoundaryFallbackComponent = ({ componentStack, error }: Props) => (