Inertia hot reload

add to app.jsx (or other entrypoint)

import {router} from '@inertiajs/react'

if (import.meta.hot) {
    import.meta.hot.on('inertia:reload', () => {
        router.reload()
    })
}

add to vite.config.js

function inertiaPlugin(paths) {
    return {
        name: 'inertia-refresh',
        configureServer({ws, config}) {
            const root = config.root
            console.log(config.path)
            const reload = (path) => {
                ws.send('inertia:reload')
                if (config.log ?? true) {
                    config.logger.info(
                        colors.green(`page reload `) + colors.dim(path),
                        {clear: true, timestamp: true}
                    )
                }
            }

            chokidar
                .watch(paths ?? 'app/**', {
                    cwd: root,
                    ignoreInitial: true,
                    ...config,
                })
                .on('add', reload)
                .on('change', reload)
        },
    }
}

//and use the plugin 
    plugins: [
        laravel({input: ['resources/js/app.jsx', 'resources/css/app.pcss']}),
        react(),
        inertiaPlugin(['app/Actions/**']), //pass custom paths if needed. or just use the default 'app/**'
    ],