diff --git a/Mock/Components/SideMenu.tsx b/Mock/Components/SideMenu.tsx
index 8682238208..6923ee8fd6 100644
--- a/Mock/Components/SideMenu.tsx
+++ b/Mock/Components/SideMenu.tsx
@@ -15,13 +15,13 @@ export const SideMenuRoot = connect(
   }
 );
 
-class SideMenuComponent extends Component<ComponentProps> {
+const SideMenuComponent = connect(class extends Component<ComponentProps> {
   render() {
     const children = this.props.layoutNode.children;
     const component = children[0];
     return <LayoutComponent key={component.nodeId} layoutNode={component} />;
   }
-}
-export const SideMenuLeft = connect(SideMenuComponent);
-export const SideMenuCenter = connect(SideMenuComponent);
-export const SideMenuRight = connect(SideMenuComponent);
+});
+export const SideMenuLeft = SideMenuComponent;
+export const SideMenuCenter = SideMenuComponent;
+export const SideMenuRight = SideMenuComponent;