With Props Server Component

withPropsServerComponent.tsx

import React, { ComponentType } from 'react';

type anyFIXME = any;

export function withAsyncProps<OriginalProps, NewProps>(
  input: (props: OriginalProps) => Promise<NewProps>,
) {
  return (
    BaseComponent: ComponentType<OriginalProps & NewProps>,
  ): ComponentType<Omit<OriginalProps, keyof NewProps> & Partial<NewProps>> => {
    return async (props: anyFIXME) => {
      const additionalProps = await input(props);

      return (
        <BaseComponent
          {...props}
          {...additionalProps}
        />
      );
    };
  };
}