@stack-spot/citric-react 0.40.0 → 0.40.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/citric-react",
-  "version": "0.40.0",
+  "version": "0.40.1",
   "author": "StackSpot",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/SmartTable.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from 'react'
+import { createElement, useMemo } from 'react'
 import { withRef } from '../utils/react'
 import { BaseTableProps, SortingDirection, Table, TableProps, Th, Tr } from './Table'
 
@@ -65,6 +65,8 @@ interface ExtraSmartTableProps<T extends Record<string, any>> {
    * 
    * The extra row is, effectively, an accordion. The content of this accordion is defined by whatever this function returns.
    * 
+   * Attention: this function is treated as a React Component, i.e. you can use React hooks inside of it.
+   * 
    * @param item the current item.
    * @returns the React Node to render.
    */
@@ -179,7 +181,7 @@ export const SmartTable = withRef(
     const rows = useMemo(
       () => data.map((item, index) => {
         const key = keygen ? keygen(item) : index
-        const accordionContent = renderAccordion?.(item)
+        const accordionContent = renderAccordion ? createElement(renderAccordion, item) : undefined
         const row = (
           <Tr
             key={key}