rpc-client-with-custom-fetch.ts

import AsyncStorage from "@react-native-async-storage/async-storage"
import { hc, type AppType } from "api"
import * as configs from "~/configs/keys"

export const rpcClient = hc<AppType>(process.env.EXPO_PUBLIC_API_URL, {
  async fetch(input, requestInit, _Env, _executionCtx) {
    const token = await AsyncStorage.getItem(configs.API_KEY_STORAGE)
    const headers = new Headers(requestInit?.headers)
    headers.append("Authorization", `Bearer ${token}`)
    const requestInitExtended = Object.assign(requestInit ?? {}, { headers })
    return fetch(input, requestInitExtended)
  },
})