Prevent the default modal from showing, to handle server errors

[gyaaniguy]

When uploading a file, that is larger than what is allowed by the web-server. The request never reaches laravel.
So instead of a InertiaResponse, we get a html response.
I understand this causes Inertia to show a huge modal, with the error html.

I feel this is less than ideal. The modal should be optional, I should be able to catch such a situation and instead show a styled message or alert box. Is this possible ? Or any other way to do it ?

[stareu]

@gyaaniguy Inertia always shows the modal (or the dialog) when there was X-Inertia: true header in the request AND X-Inertia response header is missing. The request told the server to return Inertia-like response, and the server returned something else (html, json, etc). That's why the modal shows. It still works that way.
Therefore, there are two options left:

1. Do not send requests using hooks of inertiajs package (for example, the useForm and post() of @inertiajs/react). Because it automatically adds the X-Inertia: true header to the request. This means that the response must contain this header as well.
2. Use request hooks like useForm, but catch all necessary exceptions and return response with the X-Inertia header.
   You can redefine the returned response of the exceptions by using withExceptions in bootstrap/app.php:

use Illuminate\Foundation\Configuration\Exceptions;
use Symfony\Component\HttpKernel\Exception\HttpException;
use Illuminate\Validation\ValidationException;

...

->withExceptions(function (Exceptions $exceptions) {
	$exceptions->render(function (Error|HttpException|Throwable $e) {
		if (!($e instanceof ValidationException)) {
			$code = 500;

			if ($e instanceof HttpException) {
				$code = $e->getStatusCode();
			}

			return response(null, $code, [
				'X-Inertia' => true // or false, or any other value, it doesn't matter
			]);
		}
	});
})

But I can't be sure if this is a good option.

I would like to note separately that the exception to this behavior is if the response code is 409 and the X-Inertia-Location response header is present. In this case, it will redirect to the specified location via JavaScript location.href or location.reload().