How to use Hono RPC Client with interceptor?

[GGTMiku]

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

const token = localStorage.getItem("token");

const client = hc<ApiRoutes>("/", {
    headers: {
        "Authorization": "Bearer " + token,
    }
});

// need  interceptor for request and response

export const api = client.api;

[GGTMiku]

I got it

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

const token = localStorage.getItem("token");

const baseUrl = "http://localhost:8998";

const kyapi = ky.extend({
  hooks: {
    beforeRequest: [(request) => {}],
    afterResponse: [
      (_, __, response: Response) => {
        console.log(response);
        if (response.ok) {
          return response;
        } else if (response.status === 401) {
          // TODO 
          throw new Error(response.statusText);
        } else {
          throw new Error(response.statusText);
        }
      },
    ],
  },
});

const client = hc<ApiRoutes>(`/`, {
  fetch: (input: RequestInfo | URL, requestInit?: RequestInit) => {
    return kyapi(`${baseUrl}${input}`, {
      method: requestInit?.method,
      headers: {
        Authorization: "Bearer " + token,
        "content-type": "application/json",
        ...requestInit?.headers,
      },
      body: requestInit?.body,
    });
  },
});

export const api = client.api;

[rmingon-unicell]

I found more simply i think

const domain = window.location.origin

export const client = hc<AppType>('/', {
  fetch: (input: RequestInfo | URL, requestInit?: RequestInit) => {
    return fetch(`${domain}${input}`, {
      method: requestInit?.method ?? 'GET',
      headers: {
        'content-type': 'application/json',
        ...requestInit?.headers,
      },
      body: requestInit?.body ?? null,
    }).then((res) => {
      if (res.status === 401) {
        window.location.href = '/login'
      }
      return res
    })
  },
})