pass connected chain to all tRPC calls

[BrennerSpear]

I want to be able to access the chain object on all tRPC calls by default, and am struggling to figure out how I can access that within my trpc config, since I can't use the useNetwork() hook.

any ideas?

import { httpBatchLink, loggerLink, TRPCClientError } from '@trpc/client'
import { createTRPCNext } from '@trpc/next'
import { type inferRouterInputs, type inferRouterOutputs } from '@trpc/server'
import superjson from 'superjson'

import { getAccessToken } from '@privy-io/react-auth'
import Router from 'next/router'
import { type AppRouter } from 'server/trpc/router/_app'
import { useNetwork } from 'wagmi'

const getBaseUrl = () => {
    if (typeof window !== 'undefined') return '' // browser should use relative url
    if (process.env.VERCEL_URL) return `https://${process.env.VERCEL_URL}` // SSR should use vercel url
    return `http://localhost:${process.env.PORT ?? 3000}` // dev SSR should use localhost
}

export const trpc = createTRPCNext<AppRouter>({
    config() {
        return {
            transformer: superjson,
            links: [
                loggerLink({
                    enabled: (opts) =>
                        process.env.NODE_ENV === 'development' ||
                        (opts.direction === 'down' && opts.result instanceof Error),
                }),
                httpBatchLink({
                    url: `${getBaseUrl()}/api/trpc`,
                    async headers() {
                        const { chain } = useNetwork()
                        const accessToken = await getAccessToken()
                        return {
                            Authorization: `Bearer ${accessToken}`,
                            chain,
                        }
                    },
                }),
            ],
            queryClientConfig: {
                defaultOptions: {
                    queries: {
                        retry: (failureCount, error) => {
                            const rerouteCodes = ['UNAUTHORIZED', 'NOT_FOUND', 'FORBIDDEN']

                            if (error instanceof TRPCClientError) {
                                if (rerouteCodes.includes(error.data.code)) Router.push('/')
                            }
                            return failureCount < 3
                        },
                    },
                },
            },
        }
    },
    ssr: false,
})

/**
 * Inference helper for inputs
 * @example type HelloInput = RouterInputs['example']['hello']
 **/
export type RouterInputs = inferRouterInputs<AppRouter>
/**
 * Inference helper for outputs
 * @example type HelloOutput = RouterOutputs['example']['hello']
 **/
export type RouterOutputs = inferRouterOutputs<AppRouter>

[justingreenberg]

you cannot use hooks outside of react component hierarchy

use https://wagmi.sh/core/actions/getNetwork