v2.0.13 breaks Deferred component in React, infinite load when reloading the page, on FireFox

[RazvanRauta]

@inertiajs/react Version

2.0.13

Backend stack (optional)

Laravel 12.20.x
PHP 8.4.x

Describe the problem

When upgrading the library from v2.0.12 to any newer version, the Deferred component (that was working perfectly fine before) it gets broken and enters in an infinite loading state when the user reloads the page. It doesn't happen when the users are using the navigation links.

Steps to reproduce

// backend

Route::get('/users', function () {
    return Inertia::render('Users/Index', [
        'users' => User::all(),
        'roles' => Role::all(),
        'permissions' => Inertia::defer(fn () => Permission::all()),
    ]);
});

// frontend
import { Deferred } from '@inertiajs/react'

export default () => (
    <Deferred data="permissions" fallback={<div>Loading...</div>}>
        <PermissionsChildComponent />
    </Deferred>
)

• upgrade to v2.0.13
• reload the page
• Loading... shows forever
• downgrade to v2.0.12
• reload the page
• Loading... shows for less than a sec

[pascalbaljet]

Do you mean reloading using the browser, or reloading using the Inertia router? I've tested your example with v2.0.13 and v2.0.14 and it works both when loading the page freshly in the browser, or by navigating to that page. Can you maybe inspect the XHR request in your browser's Dev Tools?

[RazvanRauta]

@pascalbaljet When using the reload button of the browser or CMD + R. The data is in the XHR request, but the prop in the page component shows as undefined. Doesn't happen with v2.0.12.

Looks like it's a FireFox problem, on Brave/Chrome works good.