RowHeaderFunction becomes RowHeaderComponent

src/admin/components/forms/RowHeader/index.tsx

@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react';
-import { Props, isComponent } from './types';
+import { Props } from './types';
 import { useWatchForm } from '../Form/context';
 
 const RowHeader: React.FC<Props> = (props) => {
@@ -12,15 +12,15 @@ const RowHeader: React.FC<Props> = (props) => {
   const { getSiblingData } = useWatchForm();
   const siblingData = getSiblingData(`${path}`);
 
-  if (isComponent(header)) {
-    const Header = header;
-    return (
-      <Header
-        value={siblingData}
-        index={rowNumber}
-      />
-    );
-  }
+  /*   if (isComponent(header)) {
+      const Header = header;
+      return (
+        <Header
+          value={siblingData}
+          index={rowNumber}
+        />
+      );
+    } */
 
   if (header) {
     return (

src/admin/components/forms/RowHeader/types.ts

@@ -1,22 +1,13 @@
 import React from 'react';
 import { Data } from '../Form/types';
 
-export type RowHeaderFunction = (value: Data, index?: number) => React.ReactNode;
+export type RowHeaderComponent = (props: {value: Data, index?: number}) => React.ReactNode;
 
-export type RowHeaderComponent = React.ComponentType<{
-  value: Data;
-  index?: number;
-}>;
-
-export type RowHeader = string | RowHeaderComponent | RowHeaderFunction;
+export type RowHeader = string | RowHeaderComponent;
 
 export type Props = {
   fallback: string | React.ReactElement;
   path: string;
   header?: RowHeader;
   rowNumber?: number;
-};
-
-export function isComponent(RowHeader: RowHeader): RowHeader is RowHeaderComponent {
-  return React.isValidElement(RowHeader);
 }