Fix accidentally breaking changes

package.json

@@ -2,7 +2,7 @@
   "name": "@weng-lab/psychscreen-ui-components",
   "description": "Typescript and Material UI based components used for psychSCREEN",
   "author": "SCREEN Team @ UMass Chan Medical School",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "license": "MIT",
   "type": "module",
   "typings": "dist/index.d.ts",

src/components/DataTable/datatable.tsx

@@ -472,7 +472,7 @@ const DataTable = <T,>(
                           }
                         >
                           {column.FunctionalRender ? (
-                            <column.FunctionalRender row={row} />
+                            column.FunctionalRender(row)
                           ) : column.render ? (
                             column.render(row)
                           ) : (

src/components/DataTable/types.ts

@@ -1,14 +1,18 @@
-import React from "react"
-
 export type DataTableColumn<T> = {
   tooltip?: string
   header: string
-  HeaderRender?: React.FC
+  /**
+   * Custom render function for the column header
+   */
+  HeaderRender?: () => JSX.Element;
   value: (row: T) => string | number
   search?: (row: T) => boolean
   unsearchable?: boolean
   render?: (row: T) => string | JSX.Element
-  FunctionalRender?: (props: { row: T }) => JSX.Element;
+  /**
+   * Custom render function for the row
+   */
+  FunctionalRender?: (row: T) => JSX.Element;
   sort?: (a: T, b: T) => number
   unsortable?: boolean
 }