import { SkeletonUserList } from '@admin/components/skeleton'; import AppLayout from '@admin/layouts/app-layout'; import { Head } from '@inertiajs/react'; import { ReactNode, useEffect, useState } from 'react'; // Demo component showing how to use skeleton loaders function SkeletonDemo() { const [isLoading, setIsLoading] = useState(true); useEffect(() => { // Simulate loading for demo purposes const timer = setTimeout(() => { setIsLoading(false); }, 3000); return () => clearTimeout(timer); }, []); if (isLoading) { return ( <> ); } return ( <>

Content Loaded!

This would be your actual user list content

); } SkeletonDemo.layout = (page: ReactNode) => ( {page} ); export default SkeletonDemo;