cal.diy/packages/features/troubleshooter/layout.tsx

import type { ComponentProps } from "react";
import React, { Suspense } from "react";

import type Shell from "@calcom/features/shell/Shell";
import { ErrorBoundary } from "@calcom/ui";
import { Loader } from "@calcom/ui/components/icon";

export default function TroubleshooterLayout({
  children,
}: { children: React.ReactNode } & ComponentProps<typeof Shell>) {
  return (
    <div className="flex flex-1 [&>*]:flex-1">
      <ErrorBoundary>
        <Suspense fallback={<Loader />}>{children}</Suspense>
      </ErrorBoundary>
    </div>
  );
}

export const getLayout = (page: React.ReactElement) => <TroubleshooterLayout>{page}</TroubleshooterLayout>;