Hotfix array columns not working properly in TableWidget (#802)

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## Not released
 
+- Fix TableWidget cannot render columns when it contains an array [#802](https://github.com/CartoDB/carto-react/pull/802)
 - Allow server-side table widget without hard limit [#798](https://github.com/CartoDB/carto-react/pull/798)
 
 ## 2.2

packages/react-ui/src/widgets/TableWidgetUI/TableWidgetUI.js

@@ -185,6 +185,10 @@ function TableBodyComponent({ columns, rows, onRowClick }) {
               })?.[1];
               if (typeof cellValue === 'bigint') {
                 cellValue = cellValue.toString(); // otherwise TableCell will fail for displaying it
+              } else if (Array.isArray(cellValue)) {
+                cellValue = `[${cellValue
+                  .map((c) => (typeof c === 'string' ? `"${c}"` : c))
+                  .join(', ')}]`;
               }
               return (
                 (headerName || field) && (

packages/react-widgets/src/models/utils.js

@@ -104,6 +104,8 @@ function getSqlEscapedSource(table, provider) {
 export function normalizeObjectKeys(el) {
   if (Array.isArray(el)) {
     return el.map(normalizeObjectKeys);
+  } else if (typeof el !== 'object') {
+    return el;
   }
 
   return Object.entries(el).reduce((acc, [key, value]) => {