Function useRender

packages/react/src/use-render/index.ts:41–82

({
  defaultTagName,
  props,
  render,
  state = {} as TState,
  stateAttributesMapping,
}: UseRenderOptions<TElement, TState>)

}

function useRender<
  TElement extends React.ElementType,
  TState extends RenderState = RenderState,
>({
  defaultTagName,
  props,
  render,
  state = {} as TState,
  stateAttributesMapping,
}: UseRenderOptions<TElement, TState>) {
  const elementProps = mergeProps<TElement>(
    getStateAttributes(state, stateAttributesMapping),
    props
  )

  if (!render) {
    return React.createElement(defaultTagName, elementProps)
  }

  if (typeof render === "function") {
    return render(elementProps, state)
  }

  if (!React.isValidElement(render)) {
    return null
  }

  const renderProps = render.props as Record<string, unknown>
  const propsWithRenderProps = mergeProps<TElement>(elementProps, renderProps)
  const propsWithRef = {
    ...propsWithRenderProps,
    ref: composeRefs(
      elementProps.ref as React.Ref<unknown> | undefined,
      renderProps.ref as React.Ref<unknown> | undefined
    ),
  }

  return React.cloneElement(
    render,
    propsWithRef as React.Attributes & Record<string, unknown>
  )
}

function mergeProps<TElement extends React.ElementType>(
  ...sources: Array<