Convert DataExplorerPage to tsx

ui/src/data_explorer/containers/App.js

@@ -1,25 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import {withRouter} from 'react-router'
-import DataExplorer from './DataExplorer'
-
-const App = React.createClass({
-  propTypes: {
-    source: PropTypes.shape({
-      links: PropTypes.shape({
-        proxy: PropTypes.string.isRequired,
-        self: PropTypes.string.isRequired,
-      }).isRequired,
-    }).isRequired,
-  },
-
-  render() {
-    return (
-      <div className="page">
-        <DataExplorer source={this.props.source} />
-      </div>
-    )
-  },
-})
-
-export default withRouter(App)

ui/src/data_explorer/containers/DataExplorerPage.tsx

@@ -0,0 +1,21 @@
+import React, {PureComponent} from 'react'
+import {withRouter} from 'react-router'
+import DataExplorer from './DataExplorer'
+
+import {Source} from 'src/types'
+
+interface Props {
+  source: Source
+}
+
+class DataExplorerPage extends PureComponent<Props> {
+  public render() {
+    return (
+      <div className="page">
+        <DataExplorer source={this.props.source} />
+      </div>
+    )
+  }
+}
+
+export default withRouter(DataExplorerPage)

ui/src/data_explorer/index.js

@@ -1,2 +1,2 @@
-import App from './containers/App'
-export default App
+import DataExplorerPage from './containers/DataExplorerPage'
+export default DataExplorerPage