@querycap/reactutils/must.tsx

import { some } from "@querycap/lodash";

export type NonNullableArray<TArr> = { [I in keyof TArr]: NonNullable<TArr[I]> };

export function must<TPrepare extends Readonly<Array<any>>>(usePrepare: () => TPrepare) {
  return function <TProps>(render: (props: TProps, ...prepare: NonNullableArray<TPrepare>) => JSX.Element | null) {
    const C = ({ "data-prepare": dataPrepare, ...props }: TProps & { ["data-prepare"]: NonNullableArray<TPrepare> }) =>
      render(props as any, ...(dataPrepare as any));

    return function Must(props: TProps) {
      const prepare = usePrepare();

      if (some(prepare, (a) => !a)) {
        return null;
      }

      return <C {...props} data-prepare={prepare as NonNullableArray<TPrepare>} />;
    };
  };
}