jsxFactory.ts

import {createElement, ReactElement, ReactType} from 'react';
import {incorporate} from './incorporate';
export {Attributes} from 'react';

declare global {
  namespace JSX {
    interface IntrinsicAttributes {
      sel?: string | symbol;
    }
  }
  namespace React {
    interface ClassAttributes<T> extends Attributes {
      sel?: string | symbol;
    }
  }
}

type PropsExtensions = {
  sel?: string | symbol;
}

function createIncorporatedElement<P = any>(
  type: ReactType<P>,
  props: P & PropsExtensions | null,
  ...children: Array<string | ReactElement<any>>
): ReactElement<P> {
  if (!props || !props.sel) {
    return createElement(type, props, ...children);
  } else {
    return createElement(incorporate(type), props, ...children);
  }
}

export default {
  createElement: createIncorporatedElement
}