React Await Component

await.tsx

import { Suspense, use, type ReactNode } from 'react';

// A component for unwraping promises inline, without needing to create a separate component.
function Async<T>({
  data,
  children,
}: {
  data: Promise<T>;
  children: (val: T) => ReactNode;
}) {
  const val = use(data);
  return children(val);
}