withClassName (no forwardRef)

withClassName.tsx

export function withClassName<Props extends object>(
  WrappedComponent:
    | React.ComponentType<Props>
    | React.ForwardRefExoticComponent<Props>,
  classes?: string,
) {
  const WithClassName = (props: Props & { className?: string }) =>
    React.createElement(WrappedComponent, {
      ...props,
      className: clsx(props.className, classes),
    });

  if (__DEV__) {
    WithClassName.displayName = `WithClassName(${getDisplayName(
      WrappedComponent,
    )})`;
  }

  return WithClassName;
}