Can't get preserveState and preserveScroll to work #2359

russyc · 2025-05-30T16:05:15Z

russyc
May 30, 2025

Hi. I'm experimenting/learning with inertiajs using react (and rails on the backend), but I can't get preserveState to work.

Here's part of InertiaExample.tsx that the rails installer creates, with an added Link component:

import { Head, Link } from '@inertiajs/react'
import { useState } from 'react'

export default function InertiaExample({ name }: { name: string }) {
  const [count, setCount] = useState(0)

  return (
  <>
   ...
    <p className={cs.readTheDocs}>
          Click on the Inertia, Vite Ruby, and React logos to learn more
    </p>
    <Link href="/about" preserveState={true}>About</Link>
  </>
)

and here is the About.tsx component:

import { Head, Link } from '@inertiajs/react'

export default function About({ }) {
  return (
    <>
      <Head title="About" />
      <div className="mt-8 px-8">
        <Link href="/inertia-example">Back to Inertia Example</Link>
      </div>
    </>
  )
}

When I increment the count on /inertia-example, then click the link to /about and back again, I thought the count would be preserved but it isn't. It's the same for scroll position and preserveScroll. I can add a large margin to the top of the example page and scroll down, but when I visit /about and come back, the scroll resets.

I've also tried replacing useState with useRemember but that has no effect. Is there something I'm doing wrong? Do I need to do anything special in the controller? Currently it's just this:

  def index
    render inertia: 'InertiaExample', props: {
      name: params.fetch(:name, 'World'),
    }
  end

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Can't get preserveState and preserveScroll to work #2359

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Can't get preserveState and preserveScroll to work #2359

Uh oh!

russyc May 30, 2025

Replies: 0 comments

russyc
May 30, 2025