diff --git a/frontend/src/pages/lib-content-view/lib-content-view.js b/frontend/src/pages/lib-content-view/lib-content-view.js
index f850684de4..3e8bac451f 100644
--- a/frontend/src/pages/lib-content-view/lib-content-view.js
+++ b/frontend/src/pages/lib-content-view/lib-content-view.js
@@ -223,8 +223,7 @@ class LibContentView extends React.Component {
 
   UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.repoID !== this.props.repoID) {
-      this.isRepoChanged = true;
-      this.setState({ path: '/', viewId: '', tagID: '', currentMode: cookie.load('seafile_view_mode') || LIST_MODE, treeData: treeHelper.buildTree() }, () => {
+      this.setState({ path: '/', viewId: '', tagID: '', currentMode: cookie.load('seafile_view_mode') || LIST_MODE }, () => {
         this.calculatePara(nextProps);
       });
     }
@@ -258,12 +257,12 @@ class LibContentView extends React.Component {
         viewId,
         tagId,
         currentMode,
+      }, () => {
+        if (this.state.isTreePanelShown) {
+          this.loadSidePanel(path);
+        }
       });
 
-      if (this.state.isTreePanelShown) {
-        this.loadSidePanel(path);
-      }
-
       if (repoInfo.permission.startsWith('custom-')) {
         await this.setCustomPermission(repoID, repoInfo.permission);
       }
@@ -475,10 +474,6 @@ class LibContentView extends React.Component {
 
   // load data
   loadDirData = (path) => {
-    if (this.state.isTreePanelShown) {
-      this.loadSidePanel(path);
-    }
-
     if (!(path.includes(PRIVATE_FILE_TYPE.FILE_EXTENDED_PROPERTIES) || path.includes(PRIVATE_FILE_TYPE.TAGS_PROPERTIES))) {
       this.showDir(path);
     }