Accessing correct api route of Oauth using RPC's $url method

[Vinay-786]

I'm trying to use $url method to access the OAuth route at the backend like this

import { hc } from "hono/client";
import { ApiRoutes } from "@server/index";

const client = hc<ApiRoutes>('http://localhost:5173/')
export const api = client.api

---

const fetchUrl = async () => {
	const apiurl = api.auth.login.google.$url();
	return apiurl.pathname
}

But sadly it gives me the route on port 5173, which is frontend dev server. but I needed the backend port 3000.
And even if I replace the port manually (or add another port on google console), It would still give a path with an extra '/api' since I'm grouping all routes within a single one.

const apiRoutes = app.basePath("/api")
	.route("/auth", auth)
	.route("/user", userActions)
	.route("/admin", adminActions)
	.route("/public", publicActions);

Is there any way to do this better than this i.e Is there a way to get the absolute backend URL on the frontend? Or hardcoding these URLs are the only efficient way?