Type return error when using mongoose.

Jjuico

8/23/2023

node - v16.15.1 npm I'm somewhat new to trpc. Using it with mongoose. Love it so far althought I do have a problem with how types are returned. For example I have a simple procedure:

export const getUser = procedure
  .input(
    z.object({
      walletAddress: z.string(),
    })
  )
  .mutation(async (opts) => {
    const db = await connectDB();
    const user: UserDocument | null = await User.findOne({
      walletAddress: opts.input.walletAddress,
    });
    return user;
  });

export const getUser = procedure
  .input(
    z.object({
      walletAddress: z.string(),
    })
  )
  .mutation(async (opts) => {
    const db = await connectDB();
    const user: UserDocument | null = await User.findOne({
      walletAddress: opts.input.walletAddress,
    });
    return user;
  });

This should return either UserDocument or null. I call it in my client:

const getUser = trpc.getUser.useMutation();
const currentUser: UserDocument | null = await getUser.mutateAsync({
   walletAddress: userWalletAddress
})

const getUser = trpc.getUser.useMutation();
const currentUser: UserDocument | null = await getUser.mutateAsync({
   walletAddress: userWalletAddress
})

But this gives error:

Type '{ walletAddress: string; _id: string; createdAt?: string | undefined; updatedAt?: string | undefined; readonly URL: string; alinkColor: string; readonly all: { [x: number]: { id: string; onfullscreenchange: null; ... 97 more ...; readonly assignedSlot: { ...; } | null; }; readonly length: number; }; ... 196 more ......' is not assignable to type 'UserDocument | null'.
  Type '{ walletAddress: string; _id: string; createdAt?: string | undefined; updatedAt?: string | undefined; readonly URL: string; alinkColor: string; readonly all: { [x: number]: { id: string; onfullscreenchange: null; ... 97 more ...; readonly assignedSlot: { ...; } | null; }; readonly length: number; }; ... 196 more ......' is missing the following properties from type 'UserDocument': adoptNode, captureEvents, caretRangeFromPoint, clear, and 66 more.

Type '{ walletAddress: string; _id: string; createdAt?: string | undefined; updatedAt?: string | undefined; readonly URL: string; alinkColor: string; readonly all: { [x: number]: { id: string; onfullscreenchange: null; ... 97 more ...; readonly assignedSlot: { ...; } | null; }; readonly length: number; }; ... 196 more ......' is not assignable to type 'UserDocument | null'.
  Type '{ walletAddress: string; _id: string; createdAt?: string | undefined; updatedAt?: string | undefined; readonly URL: string; alinkColor: string; readonly all: { [x: number]: { id: string; onfullscreenchange: null; ... 97 more ...; readonly assignedSlot: { ...; } | null; }; readonly length: number; }; ... 196 more ......' is missing the following properties from type 'UserDocument': adoptNode, captureEvents, caretRangeFromPoint, clear, and 66 more.

So it seems to be returning a different type than specified.

AKAlex / KATT 🐱

8/23/2023

I haven't used mongoose for about ten years but IIRC it has quite fat instance objects with methods on them. It's possible that they are not serializable through JSON and that it's why it fails Oh, this is a typescript error Just remove the type assertions E.g.

const user = await createUser.mutateAsync(...

const user = await createUser.mutateAsync(...

Dont set the return value, we will transform it to an equivalent of what JSON stringify does

Jjuico

8/23/2023

When I hover over user it does give me the json of all values it returns, but that is not a defined type. So I if there are other function that need a specific type like UserDocument, how do I make sure that this is UserDocument? So for example I have another trpc procedure:

 const newDeck = await createNewDeck.mutateAsync({
                deckName: deckName,
                walletAddress: user?.walletAddress ?? '',
                image: imageUrl
            })

When I hover over newDeck I can see the values:

const createNewDeck: UseTRPCMutationResult<{
    walletAddress: string;
    _id: string;
    default: boolean;
    readonly URL: string;
    alinkColor: string;
    readonly all: {
        [x: number]: {
            id: string;
            onfullscreenchange: null;
            onfullscreenerror: null;
            readonly ownerDocument: {
                readonly URL: string;
                ... 187 more ...;
                readonly lastElementChild: ... | null;
            };
            ... 95 more ...;
            readonly assignedSlot: {
                ...;
            } | null;
        };
        readonly length: number;
    };
    ... 188 more ...;
    deckName: string;
}, TRPCClientErrorLike<...>, {
    ...;
}, unknown>

const createNewDeck: UseTRPCMutationResult<{
    walletAddress: string;
    _id: string;
    default: boolean;
    readonly URL: string;
    alinkColor: string;
    readonly all: {
        [x: number]: {
            id: string;
            onfullscreenchange: null;
            onfullscreenerror: null;
            readonly ownerDocument: {
                readonly URL: string;
                ... 187 more ...;
                readonly lastElementChild: ... | null;
            };
            ... 95 more ...;
            readonly assignedSlot: {
                ...;
            } | null;
        };
        readonly length: number;
    };
    ... 188 more ...;
    deckName: string;
}, TRPCClientErrorLike<...>, {
    ...;
}, unknown>

But there is no definition of the type so when I want to use it in another method like this one: playerDeckActions.setAddDeckToList(newDeck) The method expects DeckDocument but newDeck is not recognized as such:

function setAddDeckToList(deck: DeckDocument) {
        const currentDeckList = JSON.parse(JSON.stringify(playerDecksState.playerDecks));
        currentDeckList.push(deck)
        setPlayerDecks((state: any) => ({
            ...state,
            playerDecks: [...currentDeckList],
        }))
    }

and so it will throw a same error:

Argument of type '{ walletAddress: string; _id: string; .... is missing the following properties from type 'DeckDocument': adoptNode, captureEvents, caretRangeFromPoint, clear, and 66 more.ts(2345)

Argument of type '{ walletAddress: string; _id: string; .... is missing the following properties from type 'DeckDocument': adoptNode, captureEvents, caretRangeFromPoint, clear, and 66 more.ts(2345)

Looking for more? Join the community!

tRPC

Type return error when using mongoose.

Join Server

tRPC

Type return error when using mongoose.

Join Server

Recommended Posts

useContext won't infer type from tRPC clientI am calling tRPC endpoints from my app and it's working flawlessly. As you can see on first screens Forward client headers with createTRPCProxyClient & Server-Side HelpersWith `createTRPCNext` i had the option to tap into the `context.req` object nextjs passed in, but I I have a websocket + REST project. Should I be using splitLink like this to combine WS and HTTP?I have a backend project that uses REST for queries/mutations and Websockets for subscriptions. I j Nested procedures are separated by dots, is there a way to change that to `/`s instead ?currently it looks something like this `/api/trpc/post.byId`, is there a way to have it like `/api/t Is there a way to split a trpc api across multiple lambdas ?How do I go about splitting my TRPC api across multiple lambdas, such that each lambda would load th Can I alter the context in a procedure?Is there a proper way to do this? Mutating the `opts.ctx` directly seems wrong tRPC & getInitialPropsSo I am not using Next new App router but cant figure it out how to call a method during SSR with ge Getting 413 error in Vercel when batching several queries (using Next pages router)Hi guys, I'm having a weird error on Vercel: "LAMBDA_RUNTIME Failed to post handler success respons Queries work but mutations do notOdd bug I'm experiencing with TRPC + react-query + the koa adapter. I just set everything up per doc useContext utils getData always returning undefinedI have my app set up with TRPC and when trying to call ` const utils = trpc.useContext();` `cons TRPC Error HandlingI am using TRPC as my backend for my nextjs application. The one major problem i am facing is that, CORS issue with Lambda Handler (SST)no idea what's going on with this error. been stuck on it for way too long. i tried adding the test-TRPC API not working for production buildI am using Trpc and next in project, The App is fully functional with dev build , but api's giving 4 Get object type using UseTRPCQueryResultthis code ```ts type playlistOutputData = UseTRPCQueryResult< inferRouterOutputs<AppRouter>["notif Need help with type hinting a function that accepts a trpc client router```js interface CreateModelProps<GetResult> { name: string, procedures: DecoratedProcedureRe Database error on examples-next-prisma-starterHi, im on node 18.16.0. I'm trying to clone and use this : https://github.com/trpc/examples-next-pri