Fixes: Any route after SidebarHidden not loading correctly

frontend/components/RouteSidebarHidden/RouteSidebarHidden.js

@@ -0,0 +1,28 @@
+// @flow
+import React, { Component } from 'react';
+import { inject } from 'mobx-react';
+import { Route } from 'react-router-dom';
+import UiStore from 'stores/UiStore';
+
+class RouteSidebarHidden extends Component {
+  props: {
+    ui: UiStore,
+    component: any,
+  };
+
+  componentDidMount() {
+    this.props.ui.enableEditMode();
+  }
+
+  componentWillUnmount() {
+    this.props.ui.disableEditMode();
+  }
+
+  render() {
+    const { component, ...rest } = this.props;
+    const Component = component;
+    return <Route {...rest} render={props => <Component {...props} />} />;
+  }
+}
+
+export default inject('ui')(RouteSidebarHidden);

frontend/components/RouteSidebarHidden/index.js

@@ -0,0 +1,3 @@
+// @flow
+import RouteSidebarHidden from './RouteSidebarHidden';
+export default RouteSidebarHidden;

frontend/components/SidebarHidden/SidebarHidden.js

@@ -1,25 +0,0 @@
-// @flow
-import { Component } from 'react';
-import { inject } from 'mobx-react';
-import UiStore from 'stores/UiStore';
-
-class SidebarHidden extends Component {
-  props: {
-    ui: UiStore,
-    children: React$Element<any>,
-  };
-
-  componentDidMount() {
-    this.props.ui.enableEditMode();
-  }
-
-  componentWillUnmount() {
-    this.props.ui.disableEditMode();
-  }
-
-  render() {
-    return this.props.children;
-  }
-}
-
-export default inject('ui')(SidebarHidden);

frontend/components/SidebarHidden/index.js

@@ -1,3 +0,0 @@
-// @flow
-import SidebarHidden from './SidebarHidden';
-export default SidebarHidden;