do not call MainHeader.render() in render of leftpane sections

stylesheets/_session.scss

@@ -1272,7 +1272,6 @@ label {
     background-color: $session-color-white;
     border-color: $session-color-white;
   }
-
 }
 .user-details-dialog {
   .session-id-editable {

ts/components/session/LeftPaneChannelSection.tsx

@@ -170,9 +170,15 @@ export class LeftPaneChannelSection extends React.Component<Props, State> {
     return LeftPane.RENDER_HEADER(labels, null);
   }
 
-  public render(): JSX.Element {
+  public componentDidMount() {
+    MainViewController.renderMessageView();
+  }
+
+  public componentDidUpdate() {
     MainViewController.renderMessageView();
+  }
 
+  public render(): JSX.Element {
     return (
       <div className="session-left-pane-section-content">
         {this.renderHeader()}

ts/components/session/LeftPaneContactSection.tsx

@@ -94,9 +94,15 @@ export class LeftPaneContactSection extends React.Component<Props, State> {
     );
   }
 
-  public render(): JSX.Element {
+  public componentDidMount() {
+    MainViewController.renderMessageView();
+  }
+
+  public componentDidUpdate() {
     MainViewController.renderMessageView();
+  }
 
+  public render(): JSX.Element {
     return (
       <div className="left-pane-contact-section">
         {this.renderHeader()}

ts/components/session/LeftPaneMessageSection.tsx

@@ -145,6 +145,14 @@ export class LeftPaneMessageSection extends React.Component<Props, any> {
     return [list];
   }
 
+  public componentDidMount() {
+    MainViewController.renderMessageView();
+  }
+
+  public componentDidUpdate() {
+    MainViewController.renderMessageView();
+  }
+
   public renderHeader(): JSX.Element {
     const labels = [window.i18n('messagesHeader')];
 
@@ -157,8 +165,6 @@ export class LeftPaneMessageSection extends React.Component<Props, any> {
   }
 
   public render(): JSX.Element {
-    MainViewController.renderMessageView();
-
     return (
       <div className="session-left-pane-section-content">
         {this.renderHeader()}

ts/components/session/LeftPaneSettingSection.tsx

@@ -33,9 +33,15 @@ export class LeftPaneSettingSection extends React.Component<any, State> {
     this.renderRows = this.renderRows.bind(this);
   }
 
-  public render(): JSX.Element {
+  public componentDidMount() {
+    MainViewController.renderSettingsView(this.state.settingCategory);
+  }
+
+  public componentDidUpdate() {
     MainViewController.renderSettingsView(this.state.settingCategory);
+  }
 
+  public render(): JSX.Element {
     return (
       <div className="left-pane-setting-section">
         {this.renderHeader()}