Question: How to browser back correctly about inertia

[damjanvucina]

@michaelklopf @mariusberget92

I just faced the same issue, here's a little workaround that you could introduce to eliminate the unwanted behaviour.

import { router } from '@inertiajs/react';

// when the flash message you displayed is closed, call the function below
// 'flash' is the key I use for storing flash messages
router.reload({ only: ['flash'] });

In case you're using @inertiajs/inertia instead of @inertiajs/react, use

import {Inertia} from '@inertiajs/inertia';
Inertia.reload({ only: ['flash'] });

[zcuric]

As this is a few years old I would like to ask if this is still the state of InertiaJS. I am facing the same problem as OP had in the first scenario. I display a toast flash message with SWAL, then when I go back and forward to that page again I will see the same flash message.

Yes, this is still the case.

[mariusberget92]

As this is a few years old I would like to ask if this is still the state of InertiaJS. I am facing the same problem as OP had in the first scenario. I display a toast flash message with SWAL, then when I go back and forward to that page again I will see the same flash message.

[reinink]

Hey thanks for your interest in Inertia!

So, Inertia is designed to mimic default browser behaviour, which is to show the previous state when navigating history. We even have the "remember" functionality to help you cache local component state to history state, to ensure that form data (or whatever) is properly cached when navigating history.

Meaning, there is no way, at least right now, to show fresh state when pressing back. However, you could totally use the remember functionality to restore the form data (that was saved) when hitting back. Be sure to check that out!