diff --git a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndMetricSelect.tsx b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndMetricSelect.tsx
index 0e71f18eac..2fcf53f8a8 100644
--- a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndMetricSelect.tsx
+++ b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndMetricSelect.tsx
@@ -186,9 +186,7 @@ export const DndMetricSelect = (props: any) => {
 
   const onNewMetric = useCallback(
     (newMetric: Metric) => {
-      const newValue = props.multi
-        ? [...value, newMetric.metric_name]
-        : [newMetric.metric_name];
+      const newValue = props.multi ? [...value, newMetric] : [newMetric];
       setValue(newValue);
       handleChange(newValue);
     },