diff --git a/packages/web-pkg/src/components/SideBar/SideBar.vue b/packages/web-pkg/src/components/SideBar/SideBar.vue
index da9ea11e2dc..fb244b742e7 100644
--- a/packages/web-pkg/src/components/SideBar/SideBar.vue
+++ b/packages/web-pkg/src/components/SideBar/SideBar.vue
@@ -163,7 +163,7 @@ export default defineComponent({
       return panelName
     },
     activePanelName() {
-      return this.activeAvailablePanelName || this.rootPanel.name
+      return this.activeAvailablePanelName || this.rootPanel?.name
     },
     rootPanel() {
       return this.panels.find((panel) => panel.isRoot?.(this.panelContext))