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;