Getting 'All Inertia requests must receive a valid Inertia response' error when paginating with data from an API in Inertia.js

I'm working on a project using Inertia.js and Vue.js. I have implemented pagination in my Vue component and fetching paginated data from an external API. However, when I click on the "Next" button to navigate to the next page, I receive the following error message: "All Inertia requests must receive a valid Inertia response, however a plain JSON response was received."

My Vue component fetches data using $inertia.get to call the API endpoint and retrieve the paginated data. I've verified that the API endpoint is returning the expected JSON response, including the paginated data and pagination details.

Here's how I'm handling pagination in my Vue component:

`

` Despite having followed the correct Inertia and Vue.js setup, I'm still encountering the error when trying to paginate. I'd appreciate any insights into what might be causing the issue and how I can resolve it. Thank you!