diff --git a/src/views/dashboard/related/trace/utils/d3-trace-list.ts b/src/views/dashboard/related/trace/utils/d3-trace-list.ts
index 064dd73f..8a8ff7d6 100644
--- a/src/views/dashboard/related/trace/utils/d3-trace-list.ts
+++ b/src/views/dashboard/related/trace/utils/d3-trace-list.ts
@@ -93,7 +93,7 @@ export default class ListGraph {
     this.data = data;
     this.min = d3.min(this.row.map((i) => i.startTime));
     this.max = d3.max(this.row.map((i) => i.endTime - this.min)) || 0;
-    this.list = useTraceStore().serviceList;
+    this.list = useTraceStore().serviceList || [];
     this.xScale = d3
       .scaleLinear()
       .range([0, this.width * 0.387])
diff --git a/src/views/dashboard/related/trace/utils/d3-trace-tree.ts b/src/views/dashboard/related/trace/utils/d3-trace-tree.ts
index 6c1ab77e..48c723d0 100644
--- a/src/views/dashboard/related/trace/utils/d3-trace-tree.ts
+++ b/src/views/dashboard/related/trace/utils/d3-trace-tree.ts
@@ -88,7 +88,7 @@ export default class TraceMap {
     this.data = data;
     this.min = Number(d3.min(this.row.map((i: Span) => i.startTime)));
     this.max = Number(d3.max(this.row.map((i: Span) => i.endTime - this.min)));
-    this.list = useTraceStore().serviceList;
+    this.list = useTraceStore().serviceList || [];
     this.xScale = d3.scaleLinear().range([0, 100]).domain([0, this.max]);
     this.sequentialScale = d3
       .scaleSequential()