Fetching made easy™

Why don't you just import your endpoint in client code?

pages/index.jsx

import { getGreeting } from "~/pages/api/greeting";
 
const Page = () => {
    const [greeting, isLoading] = useClient(getGreeting)
    if (isLoading) {
        return "Loading ...";
    }
 
    return <div>{greeting}</div>
}
 
export default Page;

™ If you are a dog (good boy), this kind of fetching might not be for you.