webpack/components/ReportJsonViewer.js in foreman_ansible-2.3.2 vs webpack/components/ReportJsonViewer.js in foreman_ansible-2.3.3

@@ -1,17 +1,21 @@
 import React from 'react';
 import JSONTree from 'react-json-tree';
+import PropTypes from 'prop-types';
 
 const theme = {
   scheme: 'foreman',
   backgroundColor: 'rgba(0, 0, 0, 255)',
   base00: 'rgba(0, 0, 0, 0)',
 };
 
-class ReportJsonViewer extends React.Component {
-  render() {
-    return <div className="report-json-viewer">
-      <JSONTree data={this.props.data} hideRoot theme={theme} />
-    </div>;
-  }
-}
+const ReportJsonViewer = ({ data }) => (
+  <div className="report-json-viewer">
+    <JSONTree data={this.props.data} hideRoot theme={theme} />
+  </div>
+);
+
+ReportJsonViewer.propTypes = {
+  data: PropTypes.object.isRequired,
+};
+
 export default ReportJsonViewer;