Persistent layouts using Svelte and Vite throwing error on page switch. Initial load works fine.

[Aigarsss]

Hi, I'm trying to implement the inertia persistent layouts for Svelte, however, I'm running into some issues.

If I run everything using layouts as parent component, it works fine.

createInertiaApp({
   resolve: (name) => resolvePageComponent(`./Pages/${name}.svelte`, import.meta.glob('./Pages/**/*.svelte')),  
   setup({ el, App, props }) {
        new App({ target: el, props });
    }
});

Then just wrap the components in the Layout component:

<script>
    import Nav from './Nav.svelte';
    import { page } from '@inertiajs/inertia-svelte';
    import TopBar from './TopBar.svelte';

    $: errors = $page.props.errors;
    $: flash = $page.props.flash;
</script>

<div class="flex h-full">
    <Nav />
    <div class="flex flex-col w-full overflow-auto">
        <TopBar />
        <div class="overflow-y-auto p-8 bg-white">
            <slot />
        </div>
    </div>
</div>

I can navigate the nav links, and all is okay.

But when I try the persistent layouts, I cannot navigate the menu items, because I get very weird/cryptic js errors.

The setup:

import Layout from "./Shared/Layout.svelte";

createInertiaApp({
    resolve: async name => {
        const pages = await resolvePageComponent(`./Pages/${name}.svelte`, import.meta.glob('./Pages/**/*.svelte'));

        return { default: pages.default, layout: pages.layout || Layout }
    },
    setup({ el, App, props }) {
        new App({ target: el, props });
    }
});

If I open the web page, it works fine and loads. But if I try to click any of the items in the menu (they are all InertiaLink), I get errors.
Here is an example:

I am on a page localhost/users, which receives the following props:

    $: users = $page.props.users.data;
    $: links = $page.props.users.links;

and the view loads fine on the initial load. But if I then try to navigate to localhost/users/1/edit, I get stuck on the initial /users page, and the error in the console is:
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data')

If I click the error it drills down to this:

    return l.$$.update = ()=>{
        l.$$.dirty & 8 && s(1, e = n.props.users.data),
        l.$$.dirty & 8 && s(0, f = n.props.users.links)
    }

Which would imply, that it is, for some reason, trying to do something, with the props of the previous component, rather than the new one. These are the props used in /edit - $: user = $page.props.editUserData;, so it should not look for data/links props.

I also tried to use the <script context="module"> approach, which had the same exact effect.

Any ideas or suggestions how to troubleshoot would be appreciated.