diff --git a/ui/src/shared/components/NotFound.js b/ui/src/shared/components/NotFound.js
deleted file mode 100644
index 790dba9f3..000000000
--- a/ui/src/shared/components/NotFound.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react'
-
-const NotFound = React.createClass({
-  render() {
-    return (
-      <div className="container-fluid">
-        <div className="panel">
-          <div className="panel-heading text-center">
-            <h1 className="deluxe">404</h1>
-            <h4>Bummer! We couldn't find the page you were looking for</h4>
-          </div>
-        </div>
-      </div>
-    )
-  },
-})
-
-export default NotFound
diff --git a/ui/src/shared/components/NotFound.tsx b/ui/src/shared/components/NotFound.tsx
new file mode 100644
index 000000000..dc998b0a5
--- /dev/null
+++ b/ui/src/shared/components/NotFound.tsx
@@ -0,0 +1,13 @@
+import React, {SFC} from 'react'
+
+const NotFound: SFC = () => (
+  <div className="container-fluid">
+    <div className="panel">
+      <div className="panel-heading text-center">
+        <h1 className="deluxe">404</h1>
+        <h4>Bummer! We couldn't find the page you were looking for</h4>
+      </div>
+    </div>
+  </div>
+)
+export default NotFound