suspense.tsx

function Component() {
  const { data, isLoading, isError } = useApiQuery('getUser', [userId], { suspense: true });

  // can assume data is populated at the top level!

  return /* ... */
}

function Wrapper() {
  return (
    <ErrorBoundary fallback={<Error />}>
      <Suspense fallback={<Spinner />}>
        <Component />
      </Suspense>
    </ErrorBoundary>
  );
}