Inertia + Axios: App Stops Working After Error

[eeee-creator]

After an Axios request fails (e.g., due to a dd(), exception, or a 500 error), the app stops working. Here's a simplified example:

<template>
   <div>
        <button @click="loadAxios()">axios</button>
        <div>
            <Link :href="route('users.index')">LINK</Link>
        </div>
    </div>
</template>

<script setup>
import { Link } from '@inertiajs/vue3'

function loadAxios(){
    // This Axios call triggers a dd() / Exception / 500 error
    axios.get(route('google.places.index'), { 

    })
    .then(response => {    
    })
    .catch(function (error) {
        console.log("error")
    })
}
</script>

When I click the link after the error occurs, I get the following error in the console:

Uncaught DataCloneError: Failed to execute 'replaceState' on 'History': function transformRequest(data, headers) {
    const contentType = headers.getContentType() || "";
    const ha...<omitted>... } could not be cloned. 

Is this the expected behavior? If not, what might be causing this issue?