can't create context when using nextjs app dir

Im trying to use the latest version of nextjs and make use of the app directory. when trying to make a create context function like they show in the docs here: https://trpc.io/docs/server/context , it gives the following error when i try to create the handler on the frontend

Types of parameters 'opts' and 'opts' are incompatible.
    Property 'res' is missing in type 'FetchCreateContextFnOptions' but required in type 'CreateNextContextOptions'

Types of parameters 'opts' and 'opts' are incompatible.
    Property 'res' is missing in type 'FetchCreateContextFnOptions' but required in type 'CreateNextContextOptions'

I even try using

createNextApiHandler

createNextApiHandler

which removes the error from here but causes issues when trying to create the trpc/server.ts file for the server components, particularly when trying to use the

createCallerFactory

createCallerFactory

function (see second screenshot)

Type '(opts: CreateNextContextOptions) => {}' is not assignable to type '() => MaybePromise<{}>'.
Target signature provides too few arguments. Expected 1 or more, but got 0.

Type '(opts: CreateNextContextOptions) => {}' is not assignable to type '() => MaybePromise<{}>'.
Target signature provides too few arguments. Expected 1 or more, but got 0.

any help would be apprieciated

Context | tRPC

Your context holds data that all of your tRPC procedures will have access to, and is a great place to put things like database connections or authentication information.

tRPC•14mo ago•

5 replies

KyleB

can't create context when using nextjs app dir

Types of parameters 'opts' and 'opts' are incompatible.
    Property 'res' is missing in type 'FetchCreateContextFnOptions' but required in type 'CreateNextContextOptions'

Types of parameters 'opts' and 'opts' are incompatible.
    Property 'res' is missing in type 'FetchCreateContextFnOptions' but required in type 'CreateNextContextOptions'

I even try using

createNextApiHandler

createNextApiHandler

which removes the error from here but causes issues when trying to create the trpc/server.ts file for the server components, particularly when trying to use the

createCallerFactory

createCallerFactory

function (see second screenshot)

Type '(opts: CreateNextContextOptions) => {}' is not assignable to type '() => MaybePromise<{}>'.
Target signature provides too few arguments. Expected 1 or more, but got 0.

Type '(opts: CreateNextContextOptions) => {}' is not assignable to type '() => MaybePromise<{}>'.
Target signature provides too few arguments. Expected 1 or more, but got 0.

any help would be apprieciated

Context | tRPC

Your context holds data that all of your tRPC procedures will have access to, and is a great place to put things like database connections or authentication information.

can't create context when using nextjs app dir

Similar Threads

can't create context when using nextjs app dir

Similar Threads

Similar Threads

Similar Threads