Livewire refresh the page when submit a form (Vite Dev + Livewire v3)

Hello everyone! 👋 I have a small question because I'm trying to make a small installer for my application (Laravel v10, latest version). For this, I'm using Livewire V3.

To do this, I have created 2 middlewares:

1/ First middleware : The first applies to "Web" routes and simply checks whether or not the installation is complete. If not, the user is redirected to the installer.

CheckInstallation.php

public function handle(Request $request, Closure $next): Response
    {
        if(!config('installer.installed'))
        {
            return redirect()->route('setup');
        }

        return $next($request);
    }

Kernel.php

protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
            \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
            \App\Http\Middleware\CheckInstallation::class,
        ],
...

2/ Second middleware : The second applies to "Setup" routes and redirects the user to the home page if the application is already installed.

redirectIfInstalled.php

public function handle(Request $request, Closure $next): Response
    {
        if (config('installer.installed')) {
            return redirect()->to('/');
        }
        return $next($request);
    }

So I created a new route model "setup.php" which contains all the routes related to the installer in my RouteServiceProvider.

public function boot(): void
    {
        RateLimiter::for('api', function (Request $request) {
            return Limit::perMinute(60)->by($request->user()?->id ?: $request->ip());
        });

        $this->routes(function () {
            Route::middleware('api')
                ->prefix('api')
                ->group(base_path('routes/api.php'));

            Route::middleware('setup')
                ->group(base_path('routes/setup.php'));

            Route::middleware('web')
                ->group(base_path('routes/web.php'));
        });
    }

kernel.php

'setup' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
            \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
            \App\Http\Middleware\RedirectIfInstalled::class,
        ],

setup.php

Route::get('/setup', \App\Http\Controllers\setup\SetupController::class)->name('setup');

For Livewire to work, I had to add the middleware to the Livewire update route, otherwise, I had a 404 error :

public function boot(): void
    {
        Livewire::setUpdateRoute(function ($handle) {
            return Route::post('/livewire/update', $handle)->middleware('setup');
        });
    }

Well, everything works. I admit I don't know if I did it right.

I do, however, have one small concern. If I run Laravel Vite with npm run dev to have auto refresh, I can't submit a form with Livewire without the page refreshing. If I don't run Vite, but use the build, it works as expected.

Here my little form :

<form id="envForm" wire:submit.prevent="saveEnv">
            @csrf
            <label for="envContent"><h3 class="text-slate-600 dark:text-slate-400 font-bold mb-2">Env file content :</h3></label>
            <textarea id="envContent" name="envContent" rows="4" class="block p-4 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 min-h-[450px]" wire:model="envContent">{!! $envContent !!}</textarea>
        </form>

And the related function in my component :

public function saveEnv(): void
    {
        $this->validate();

        try {
            file_put_contents($this->envPath, $this->only(['envContent']));
        } catch ( Exception $e) {
            $this->hasError = true;
        }
        $this->finalizeInstallation();

    }

If I remove the file_put_content and just put a Log::infos('bla bla bla') in it, the page doesn't refresh.

Do you have any idea what might be causing the page to refresh? Thanks in advance 😇