GeoMap: Fix tooltip not showing values (#53738) (#53741)

(cherry picked from commit 835562bb68)

Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com>

public/app/plugins/panel/geomap/components/DataHoverView.test.tsx

@@ -0,0 +1,15 @@
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+
+import { ArrayDataFrame } from '@grafana/data';
+
+import { DataHoverView } from './DataHoverView';
+
+describe('DataHoverView component', () => {
+  it('should default to multi mode if mode is null or undefined', () => {
+    const data = new ArrayDataFrame([{ foo: 'bar' }]);
+    render(<DataHoverView data={data} rowIndex={0} />);
+
+    expect(screen.queryByText('bar')).toBeInTheDocument();
+  });
+});

public/app/plugins/panel/geomap/components/DataHoverView.tsx

@@ -61,7 +61,7 @@ export const DataHoverView = ({ data, rowIndex, columnIndex, sortOrder, mode }:
   return (
     <table className={styles.infoWrap}>
       <tbody>
-        {(mode === TooltipDisplayMode.Multi || mode === null) &&
+        {(mode === TooltipDisplayMode.Multi || mode == null) &&
           displayValues.map((v, i) => (
             <tr key={`${i}/${rowIndex}`} className={i === columnIndex ? styles.highlight : ''}>
               <th>{v[0]}:</th>