InfiniteScroll behavior consistency

[forkingbeardman]

Hey so i've been facing this weird issue, using Inertia's InfiniteScroll component and Inertia::scroll() method. On every odd direct visit to the page it works and on every even it only loads first page and nothing else. To make sure that nothing on my page was causing it i set up a test route with very simple Test page and copied contents from documentation.

this is my local stack:

• php: 8.3
• laravel: 12.32.5
• react: 19.2
• inertiajs: 2.2.15

This is my test route:

Route::get('/test', function(){
    return Inertia::render('Test',
        ['posts' => Inertia::scroll(PostResource::collection(Post::paginate(12)))]
    );
});

and this is my Test page:

import { InfiniteScroll } from "@inertiajs/react";

export default function Test({ posts }) {
    return (
        <>
            <div className="container">
                <InfiniteScroll data="posts">
                    {posts.data.map((post) => (
                        <div key={post.id} className="my-24">
                            {post.title}
                        </div>
                    ))}
                </InfiniteScroll>
            </div>
        </>
    );
}

i have made sure that the overflow behavior is default (otherwise on visits when Infinite scroll worked it would load all pages at once)

thanks for all the help and i hope this is the right area for this discussion