update error handler

Author: min9nim

README.md

@@ -36,7 +36,7 @@ export default function App() {
         }}
         onError={(e, history) => {
           if (
-            e.message.startsWith('Cannot find module') &&
+            /not find module/.test(e.message) &&
             window.location.pathname !== '/404'
           ) {
             history.push('/404')
@@ -74,7 +74,50 @@ Then, routed like below automatically
 
 <br>
 
-### Recipe of dynamic path
+### Recipe
+
+#### Handling `not find module` error
+
+load 404 page keeping URL
+
+```js
+import React from 'react'
+import { BrowserRouter } from 'react-router-dom'
+import DynamicRoute from 'react-dynamic-route'
+
+export default function App() {
+  return (
+    <BrowserRouter>
+      <DynamicRoute
+        page={path =>
+          import('./pages' + path)
+            .then(module => module.default)
+            .catch(e => {
+              if (/not find module/.test(e.message)) {
+                return import('./pages/404').then(module => module.default)
+              }
+              throw e
+            })
+        }
+        loading={<div>Loading..</div>}
+        props={{
+          someProp1,
+          someProp2,  // `someProp1` and `someProp2` are transfered to `module.dedault` above finally
+        }}
+        onError={(e, history) => {
+          if (/Loading chunk \d+ failed/.test(e.message)) {
+            window.location.reload()
+            return
+          }
+          throw e
+        }}
+      />
+    </BrowserRouter>
+  )
+}
+```
+
+#### dynamic path
 
 You can also use dynamic path like below
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dynamic-route",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Load react component dynamically based on url path",
   "keywords": [
     "react",

src/index.js

@@ -38,29 +38,16 @@ export default function DynamicRoute(props) {
   return (
     <Route
       path="/"
-      render={({ history }) => {
-        const onError = e => {
-          if (
-            e.message.startsWith('Cannot find module') &&
-            window.location.pathname !== '/404'
-          ) {
-            history.push('/404')
-            return
-          }
-          throw e
-        }
-
-        return (
-          <AsyncComponent
-            path={window.location.pathname}
-            component={props.page(window.location.pathname)}
-            loading={props.loading || 'Loading..'}
-            onError={props.onError || onError}
-            otherProps={props.props}
-            history={history}
-          />
-        )
-      }}
+      render={({ history }) => (
+        <AsyncComponent
+          path={window.location.pathname}
+          component={props.page(window.location.pathname)}
+          loading={props.loading || 'Loading..'}
+          onError={props.onError}
+          otherProps={props.props}
+          history={history}
+        />
+      )}
     />
   )
 }