Forcing server props fetch

[gabrielrotbart]

Hi,

I've got two scenarios where props are not being fetched that I would like to force.

1. I am using the same component, called PersonForm for both a create and an edit form. They are basically identical other than the first has no Person data and the other one does (and uses the object to pre-fill the form). However, when navigating between the two, the person prop is not re-fetched / reloaded so if these steps are taken:
   1. Go to /person/1/edit - person prop: {name: 'Some name'} - The form is pre-filled
   2. Go to /person/new - person prop remains {name: 'Some name'} - The form is still pre-filled
      The same applies the other way, the edit form will remain empty due to person prop being {} coming in from the create page.
      How do I force Inertia to fetch props between the two routes without needing different components?

Links are constructed via a component:

<a href={href} class={classes} use:inertia on:click>
    <slot />
  </a>

This is the DOM render:

<a href="http://localhost:3333/person/new" class="...">Add Person</a>

I tried adding preserveState={false} even though I think that's the default

---

2. Navigating using the back or forward buttons doesn't re-fetch props. So if I:
   1. go to person/1/edit, fetching {name: 'Old name'}
   2. then navigate to /some_other_route
   3. Change the name changes to 'New name', in the back end
   4. then click the "back" button to person/1/edit - person prop will still be {name: 'Old name'}
      How do I force a re-fetch on history changes?

Stack:

@inertiajs/svelte: 1.0.0
@inertiajs/core: 1.0.0
Ruby on Rails : 7.0.4

Graphql via @urql/svelte: ^3.0.4

Thanks a lot for your help