Solved it by by calling the SearchResults component inside the Page component and wrapping it in a Suspense block.
import { Suspense } from "react";
const searchResults = () => {
// code
}
const Page = () => {
return (
<Suspense>
<searchResults />
</Suspense>
)
}
export default Page