Inertia resolves the page twice at first load

Versions:

@inertiajs/inertia version: 0.11.0
@inertiajs/inertia-vue version:0.8.0

Describe the problem:

When open the page the first time, the code inside resolve function will execute twice.

Steps to reproduce:

createInertiaApp({
    resolve: (name) => {
        const page = require(`./Pages/${name}`).default
        page.layout = page.layout || Layout
        return page
    },
    setup({ el, App, props, plugin }) {
        Vue.use(plugin)
        let vm = new Vue({
            render: h => h(App, props),
        }).$mount(el);
    },
})

Issue Analytics

State:
Created 2 years ago
Reactions:2
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

reinvanimschootcommented, Sep 23, 2022

I tried to reproduce this issue in a new project using React, Rails and Inertia (bundled with Webpacker).

The project can be found here

Even in a newly built app, with the most recent versions of both Inertia and Inertia-rails, the page, without even providing it with props or using usePage is rendered twice.

The only solution that fixed the issue is to wrap the page function in React.memo. I haven’t tried this in our production app so I don’t know whether or not this results in other problems but at least the render only happens once.

Maybe this is something that Inertia could use under the hood?

0reactions

RationalFragilecommented, Nov 19, 2022

Also facing this same issue. Any ideas how to fix it with vue3?