Next.js 13 async server component wrapper

serverComponent.ts

import { ReactElement } from "react";

export type RenderResult<P> = ReactElement<P, any> | null;

export function serverComponent<P = {}>(fn: (props: P) => RenderResult<P> | Promise<RenderResult<P>>) {
  return fn as unknown as (props: P) => RenderResult<P>;
}

// or

import { ReactNode } from "react";

declare global {
  namespace JSX {
    type ElementType = keyof JSX.IntrinsicElements | React.ComponentType<any> | ((props: any) => ReactNode | Promise<ReactNode>);
  }
}