From f83476824124eec99c27c4923d19ff208f5ac420 Mon Sep 17 00:00:00 2001
From: Gordon Smith <GordonJSmith@gmail.com>
Date: Thu, 14 Nov 2024 11:49:39 +0000
Subject: [PATCH] fix: dgrid2 producing tsc errors

Signed-off-by: Gordon Smith <GordonJSmith@gmail.com>
---
 packages/dgrid2/src/reactTable.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/dgrid2/src/reactTable.tsx b/packages/dgrid2/src/reactTable.tsx
index acfafc776f..dcd8b1213e 100644
--- a/packages/dgrid2/src/reactTable.tsx
+++ b/packages/dgrid2/src/reactTable.tsx
@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import DataGrid, { Column, SelectColumn, SortColumn } from "react-data-grid";
 import { format, timeFormat, timeParse } from "@hpcc-js/common";
 import { useData } from "./hooks.ts";
@@ -61,7 +61,7 @@ export const ReactTable: React.FunctionComponent<ReactTableProps> = ({
     //  Columns  ---
     React.useEffect(() => {
         setListColumns([
-            ...multiSelect ? [SelectColumn] : [],
+            ...multiSelect ? [SelectColumn as ColumnEx<any[]>] : [],
             ...columns.map((column): ColumnEx<any[]> => {
                 const type = columnTypes[column] ?? "string";
                 let formatter;
@@ -145,13 +145,13 @@ export const ReactTable: React.FunctionComponent<ReactTableProps> = ({
         rows={rows}
         rowKeyGetter={rowKeyGetter}
         rowHeight={20}
-        emptyRowsRenderer={() => <EmptyRowsRenderer message={table.noDataMessage()} />}
+        renderers={{ noRowsFallback: <EmptyRowsRenderer message={table.noDataMessage()} /> }}
         className={table.darkMode() ? "rdg-dark" : "rdg-light"}
         sortColumns={sortColumn ? [sortColumn] : []}
         onSortColumnsChange={onSortColumnsChange}
         selectedRows={selectedRows}
         onSelectedRowsChange={multiSelect ? onSelectedRowsChange : undefined}
-        onRowClick={multiSelect ? undefined : (rowIdx, row, column) => onCellClick(row, column)}
+        onCellClick={multiSelect ? undefined : (args, event) => onCellClick(args.row, args.column)}
         aria-describedby={""}
         aria-label={""}
         aria-labelledby={""}