lti-web-client/src/app/master-data/(suspense)/layout.tsx

// src/app/master-data/(suspense)/layout.tsx
'use client';

import { Suspense } from 'react';

export default function SuspenseLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <Suspense
      fallback={
        <div className='w-full flex flex-row justify-center items-center p-4'>
          <span className='loading loading-spinner loading-xl' />
        </div>
      }
    >
      {children}
    </Suspense>
  );
}