TypeError: can't access property "x-inertia", this.response.headers is undefined

[BadreddineZatout]

@inertiajs/react Version

2.0.14

Backend stack (optional)

Laravel 11
PHP 8.3

Describe the problem

when I use the Link or router.visit, the request return 200 with Inertia response format, and also the x-inertia in the response header, but I get this error on the TypeError: can't access property "x-inertia", this.response.headers is undefined

Steps to reproduce

either implement a simple page with Link component or some logic to change the page using the router.visit("url")

[pascalbaljet]

Are you sure the Inertia Middleware is applied to your routes, or are you using a custom Axios interceptor or something similar?

[BadreddineZatout]

Yes, the project was working perfectly, when I reinstalled the inertia package to the latest, I had this problem
here is my app.php file

return Application::configure(basePath: dirname(__DIR__))
    ->withRouting(
        web: __DIR__.'/../routes/web.php',
        api: __DIR__.'/../routes/api.php',
        commands: __DIR__.'/../routes/console.php',
        health: '/up',
    )
    ->withMiddleware(function (Middleware $middleware) {
        $middleware->web([
            SetLocale::class,
            HandleInertiaRequests::class,
        ]);
    })
    ->withExceptions(function (Exceptions $exceptions) {
        //
    })->create();

and the inertia middleware

<?php

namespace App\Http\Middleware;

use Illuminate\Http\Request;
use Inertia\Middleware;

class HandleInertiaRequests extends Middleware
{
    /**
     * The root template that's loaded on the first page visit.
     *
     * @see https://inertiajs.com/server-side-setup#root-template
     *
     * @var string
     */
    protected $rootView = 'app';

    /**
     * Determines the current asset version.
     *
     * @see https://inertiajs.com/asset-versioning
     */
    public function version(Request $request): ?string
    {
        return parent::version($request);
    }

    /**
     * Define the props that are shared by default.
     *
     * @see https://inertiajs.com/shared-data
     *
     * @return array<string, mixed>
     */
    public function share(Request $request): array
    {
        return array_merge(parent::share($request), [
            'locale' => app()->getLocale(),
            'translations' => $this->getTranslations(),
            'available_locales' => config('app.available_locales'),
        ]);
    }

    private function getTranslations(): array
    {
        $locale = app()->getLocale();
        // Try to load main locale JSON file first
        $mainFile = resource_path("lang/{$locale}.json");
        $translations = [];

        if (file_exists($mainFile)) {
            $translations = json_decode(file_get_contents($mainFile), true) ?? [];
        }

        // Also load any additional JSON files in the locale directory
        $files = glob(resource_path("lang/{$locale}/*.json"));
        foreach ($files as $file) {
            $key = basename($file, '.json');
            $content = json_decode(file_get_contents($file), true) ?? [];
            $translations[$key] = $content;
        }

        return $translations;
    }
}