diff --git a/src/App.tsx b/src/App.tsx
index 6f186bf3..5e86f723 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,6 +11,7 @@ import { Error } from "./components/error";
 import { useFetchDevices } from "./use-fetch-devices.ts";
 import { FlexContainer } from "./components/generic-components.ts";
 import { DisplayWarning } from "./components/display-box.tsx";
+import { ManageProductions } from "./components/manage-productions/manage-productions.tsx";
 
 const DisplayBoxPositioningContainer = styled(FlexContainer)`
   justify-content: center;
@@ -60,6 +61,11 @@ const App = () => {
               element={<LandingPage />}
               errorElement={<ErrorPage />}
             />
+            <Route
+              path="/manage-productions"
+              element={<ManageProductions />}
+              errorElement={<ErrorPage />}
+            />
             <Route
               path="/production/:productionId/line/:lineId"
               element={<ProductionLine />}