diff --git a/web/sidebar/left-layout-aside.react.js b/web/sidebar/left-layout-aside.react.js
index c81460dda..09f8f714d 100644
--- a/web/sidebar/left-layout-aside.react.js
+++ b/web/sidebar/left-layout-aside.react.js
@@ -1,27 +1,31 @@
// @flow
import * as React from 'react';
import { useSelector } from '../redux/redux-utils';
import AppSwitcher from './app-switcher.react';
import CommunityPicker from './community-picker.react';
import css from './left-layout-aside.css';
import SettingsSwitcher from './settings-switcher.react';
function LeftLayoutAside(): React.Node {
const navInfo = useSelector(state => state.navInfo);
const navigationPanel = React.useMemo(() => {
if (navInfo.tab === 'settings') {
return ;
}
return ;
}, [navInfo.tab]);
return (
);
}
-export default LeftLayoutAside;
+const MemoizedLeftLayoutAside: React.ComponentType<{}> = React.memo<{}>(
+ LeftLayoutAside,
+);
+
+export default MemoizedLeftLayoutAside;