Adding check for column before getting friendly name (#34761)

frontend/src/metabase/visualizations/lib/settings/graph.js

@@ -41,7 +41,7 @@ const HISTOGRAM_DATE_EXTRACTS = new Set([
 ]);
 
 export function getDefaultDimensionLabel(multipleSeries) {
-  return multipleSeries.length > 0
+  return multipleSeries.length > 0 && multipleSeries[0].data.cols[0]
     ? getFriendlyName(multipleSeries[0].data.cols[0])
     : null;
 }

frontend/src/metabase/visualizations/visualizations/BarChart.unit.spec.tsx

+import { createMockMetadata } from "__support__/metadata";
+import { renderWithProviders, screen } from "__support__/ui";
+import {
+  createSampleDatabase,
+  ORDERS_ID,
+  SAMPLE_DB_ID,
+} from "metabase-types/api/mocks/presets";
+import registerVisualizations from "metabase/visualizations/register";
+import ChartSettings from "metabase/visualizations/components/ChartSettings";
+import { createMockColumn } from "metabase-types/api/mocks";
+import Question from "metabase-lib/Question";
+
+registerVisualizations();
+
+const metadata = createMockMetadata({
+  databases: [createSampleDatabase()],
+});
+
+const setup = () => {
+  const question = new Question(
+    {
+      dataset_query: {
+        type: "query",
+        query: {
+          "source-table": ORDERS_ID,
+          aggregrations: [["count"]],
+        },
+        database: SAMPLE_DB_ID,
+      },
+      display: "bar",
+      visualization_settings: {},
+    },
+    metadata,
+  );
+
+  const series = [
+    {
+      card: question.card(),
+      data: {
+        rows: [[1000]],
+        cols: [
+          createMockColumn({
+            source: "aggregation",
+            field_ref: ["aggregation", 0],
+            name: "count",
+            display_name: "Count",
+            base_type: "type/BigInteger",
+          }),
+        ],
+      },
+    },
+  ];
+
+  renderWithProviders(
+    <ChartSettings
+      series={series}
+      quesiton={question}
+      initial={{ section: "Data" }}
+      noPreview
+    />,
+  );
+};
+
+describe("barchart", () => {
+  it("should not error when rendering for a question with new breakouts", () => {
+    setup();
+
+    expect(screen.getByText("X-axis")).toBeInTheDocument();
+    expect(screen.getByText("No valid fields")).toBeInTheDocument();
+    expect(screen.getByText("Count")).toBeInTheDocument();
+  });
+});