diff --git a/src/modules/RouteView.js b/src/modules/RouteView.js index ef5c451..15e6f34 100644 --- a/src/modules/RouteView.js +++ b/src/modules/RouteView.js @@ -59,9 +59,9 @@ class RouteViewErrorBoundary extends Component { const {errorMessage, errorStyle, errorViewComponent, errorViewComponentProps, ...passThroughProps } = this.props; if (this.state.hasError) { if (errorViewComponent) { - return createElement(errorViewComponent, errorViewComponentProps) + return createElement(errorViewComponent, errorViewComponentProps); } - return

{errorMessage}

+ return

{errorMessage}

; } return ; } diff --git a/test/RouteView.js b/test/RouteView.js index 277b200..a241f9f 100644 --- a/test/RouteView.js +++ b/test/RouteView.js @@ -3,6 +3,7 @@ import {mount} from 'enzyme'; import {mobxPlugin, RouterStore} from 'mobx-router5'; import {createTestRouter} from './utils/test-utils'; import RouteView from '../src/modules/RouteView'; +import PropTypes from 'prop-types'; describe('routeNode hoc', () => { let router; @@ -91,10 +92,13 @@ describe('routeNode hoc', () => { test('should render a custom component when an exception occurs', () => { const route = { name: 'd.h.l' }; // A route without component - const errorViewComponent = (props) =>
{props.message}
+ const errorViewComponent = (props) =>
{props.message}
; + errorViewComponent.propTypes = { + message: PropTypes.string + }; const RouteComp = (props) => ( - + ); const renderedL = mount(