Inertia Deferred Props Not Working Inside Modal Component

[oliverbj]

I'm encountering an issue where Inertia's deferred props are not working correctly when used within an Inertia UI Modal component.

Setup:

• Using @inertiaui/modal-react for the Modal component
• Using @inertiajs/react for the Deferred component
• Laravel backend with Inertia.js

Code Example:

Backend (Controller):

return Inertia::render('Intercompany/_ViewAgentModal', [
    'shipments' => Inertia::defer(function () use ($data) {
        return $data->get();
    }),
    'agent' => $request->only([...])
]);

Frontend (Modal Component):

export default function ViewAgentModal({ agent, shipments = [] }: ViewAgentModalProps) {
    return (
        <Modal>
            {({ close }) => (
                // ...
                <Deferred data="shipments" fallback={<TableDataLoader />}>
                    <DataTable 
                        data={shipments}
                        columns={columns}
                    />
                </Deferred>
                // ...
            )}
        </Modal>
    );
}

Issue:
The deferred data (shipments) is always undefined within the Modal component, even though it's properly set up on the backend. The fallback component is shown, but the actual data never loads.

Questions:

1. Is there a known limitation with using Inertia's Deferred component inside Modal components?
2. Do I need to handle deferred props differently when they're used within a Modal context?
3. Lastly, is there a recommended pattern for loading deferred data in Modals?