emil Posts - tRPC

emil

•Created by emil on 7/5/2023 in #❓-help

TypeError: client[procedureType] is not a function

Has anyone encountered this error before? I'm trying to implement an adapter for Auth.js that can communicate with my backend via tRPC proxy client but I keep getting this error for some reason. This is how i call my route:

import { client } from "../data"
export default function StorefrontApiAdapter() {
  return {
    async createUser(user) {
      const result = await client.authorization.createUser.mutate(user)
      return { ...user, id: result.id }

    },
    async getUser(id) {
      const user = await client.authorization.getUser.query(id)
      return user
    },
    async getUserByEmail(email) {
      const user = await client.authorization.getUserByEmail.query(email)
      return user
    },
    async getUserByAccount({ providerAccountId, provider }) {
      const userByAccount = await client.authorization.getUserByAccount.query(providerAccountId)
      return userByAccount
    },
    async linkAccount(account) {
        await client.authorization.linkAccount.mutate(account)
        return account
    },
  [...]
  }
}

import { client } from "../data"
export default function StorefrontApiAdapter() {
  return {
    async createUser(user) {
      const result = await client.authorization.createUser.mutate(user)
      return { ...user, id: result.id }

    },
    async getUser(id) {
      const user = await client.authorization.getUser.query(id)
      return user
    },
    async getUserByEmail(email) {
      const user = await client.authorization.getUserByEmail.query(email)
      return user
    },
    async getUserByAccount({ providerAccountId, provider }) {
      const userByAccount = await client.authorization.getUserByAccount.query(providerAccountId)
      return userByAccount
    },
    async linkAccount(account) {
        await client.authorization.linkAccount.mutate(account)
        return account
    },
  [...]
  }
}

And this is my client:

export const client = createTRPCProxyClient<AppRouter>({
  links: [
    httpBatchLink({
      url: `${PUBLIC_STOREFRONT_API}/trpc`,
    }),
  ],
})

export const client = createTRPCProxyClient<AppRouter>({
  links: [
    httpBatchLink({
      url: `${PUBLIC_STOREFRONT_API}/trpc`,
    }),
  ],
})

16 replies