Catch error in Preview Wrapper

Author: tizmagik

src/rsg-components/Preview/Preview.js

@@ -89,7 +89,7 @@ export default class Preview extends Component {
 
 		const exampleComponent = this.evalInContext(compiledCode);
 		const wrappedComponent = (
-			<Wrapper>
+			<Wrapper onError={err => this.handleError(err)}>
 				<PreviewComponent component={exampleComponent} />
 			</Wrapper>
 		);

src/rsg-components/Wrapper/Wrapper.js

@@ -4,8 +4,13 @@ import PropTypes from 'prop-types';
 export default class Wrapper extends Component {
 	static propTypes = {
 		children: PropTypes.node.isRequired,
+		onError: PropTypes.func.isRequired,
 	};
 
+	componentDidCatch(error) {
+		this.props.onError(error);
+	}
+
 	render() {
 		return this.props.children;
 	}