ObjectToJSX

objectToJSX.tsx

import React, { ReactNode } from 'react';

interface ObjectProps {
  [key: string]: any;
  children?: ReactNode;
}

function objectToJSX(component: string, object: ObjectProps): JSX.Element {
  if (typeof component !== 'string' || typeof object !== 'object') {
    throw new Error('Invalid arguments provided.');
  }

  const props = { ...object };
  const children = props.children;
  delete props.children;  // Remove children from props

  if (children && typeof children !== 'string' && !React.isValidElement(children)) {
    throw new Error('Invalid children prop provided.');
  }

  return React.createElement(component, props, children);
}