diff --git a/ui/App.jsx b/ui/App.jsx
index 52d20d8cb5d..2f528d15990 100644
--- a/ui/App.jsx
+++ b/ui/App.jsx
@@ -3,7 +3,6 @@ import { Route, Switch } from 'react-router-dom';
 import { hot } from 'react-hot-loader/root';
 import { ConnectedRouter } from 'connected-react-router';
 import { Provider } from 'react-redux';
-import { RedocStandalone } from 'redoc';
 
 import { permaLinkPrefix } from './perfherder/perf-helpers/constants';
 import { configureStore, history } from './job-view/redux/configureStore';
@@ -27,6 +26,8 @@ const JobsViewApp = lazy(() => import('./job-view/App'));
 
 const LogviewerApp = lazy(() => import('./logviewer/App'));
 
+const RedocApp = lazy(() => import('./RedocApp'));
+
 // backwards compatibility for routes like this: treeherder.mozilla.org/perf.html#/alerts?id=26622&hideDwnToInv=0
 const updateOldUrls = () => {
   const { pathname, hash, search } = history.location;
@@ -176,15 +177,7 @@ const App = () => {
                 withFavicon(<PerfherderApp {...props} />, '/perfherder')
               }
             />
-            <Route
-              path="/docs"
-              render={(props) => (
-                <RedocStandalone
-                  specUrl="/api/schema/?format=openapi-json"
-                  {...props}
-                />
-              )}
-            />
+            <Route path="/docs" render={(props) => <RedocApp {...props} />} />
           </Switch>
         </Suspense>
       </ConnectedRouter>
diff --git a/ui/RedocApp.jsx b/ui/RedocApp.jsx
new file mode 100644
index 00000000000..05610920670
--- /dev/null
+++ b/ui/RedocApp.jsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { RedocStandalone } from 'redoc';
+
+const App = (props) => {
+  return (
+    <RedocStandalone specUrl="/api/schema/?format=openapi-json" {...props} />
+  );
+};
+
+export default App;