conditional.tsx

interface LazyProps {
  condition: boolean;
  render: () => React.ReactNode;
  fallback?: () => React.ReactNode;
}

export const LazyWhen = ({ condition, render, fallback }: LazyProps) => {
  if (condition) {
    return render();
  }
  return fallback ? fallback() : null;
}

export const LazyWaiting = ({ condition, render }: Omit<LazyProps, "fallback">) => {
  if (condition) {
    return render();
  }
  return <Spinner />;
}

// Как вариант можно переделать на
//   <When condition={ ... } render={renderFunction} fallback={somespinnerFunction} />