fix: support mobileOptions.render function components allowed in its …

…prop types
elastic · Jul 25, 2023 · b664f36 · b664f36
1 parent 9d99f39
commit b664f36
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src-docs/src/views/tables/custom/custom.tsx b/src-docs/src/views/tables/custom/custom.tsx
@@ -665,6 +665,14 @@ export default class extends Component<{}, State> {
           child = cell;
         }
 
+        // mobileOptions.render can be either ReactNode or function component
+        let mobileOptionsRender: ReactNode;
+        if (typeof column.mobileOptions?.render === 'function') {
+          mobileOptionsRender = column.mobileOptions?.render(item);
+        } else {
+          mobileOptionsRender = column.mobileOptions?.render;
+        }
+
         return (
           <EuiTableRowCell
             key={column.id}
@@ -674,6 +682,7 @@ export default class extends Component<{}, State> {
             mobileOptions={{
               header: column.label,
               ...column.mobileOptions,
+              render: mobileOptionsRender,
             }}
           >
             {child}