signIn: publicProcedure
  .input(credentialSchema)
  .mutation(async ({ ctx, input }) => {
    ...

    ctx.cookies.set(SESSION_TOKEN_COOKIE, sessionToken, {
      expires: sessionTokenExpires,
      path: '/',
    })

    ...
  }),

signIn: publicProcedure
  .input(credentialSchema)
  .mutation(async ({ ctx, input }) => {
    ...

    ctx.cookies.set(SESSION_TOKEN_COOKIE, sessionToken, {
      expires: sessionTokenExpires,
      path: '/',
    })

    ...
  }),

// src\server\api\trpc.ts
export const createTRPCContext = async (opts: {
  req: NextRequest
  resHeaders: Headers ⬅️⬅️⬅️⬅️⬅️
}) => {
  return await createInnerTRPCContext({
    headers: opts.req.headers,
    resHeaders: opts.resHeaders, ⬅️⬅️⬅️⬅️⬅️
  })
}

export const createInnerTRPCContext = async (opts: CreateContextOptions) => {
  const serverAuthSession = await getServerAuthSession()
  ⬇️⬇️⬇️⬇️⬇️
  const cookies = {
    get: (name?: string) => {
      const cookiesHeader = opts.headers.get('Cookie')
      if (!cookiesHeader) return null
      const cookies = parse(cookiesHeader)
      return name ? cookies[name] ?? null : cookies
    },
    has: (name: string) => {
      const cookiesHeader = opts.headers.get('Cookie')
      if (!cookiesHeader) return false
      const cookies = parse(cookiesHeader)
      return name in cookies
    },
    set: (name: string, value: string, options?: CookieSerializeOptions) => {
      opts.resHeaders.append('Set-Cookie', serialize(name, value, options))
    },
    clear: (name: string) => {
      opts.resHeaders.append('Set-Cookie', serialize(name, '', { maxAge: -1 }))
    },
  }

  return {
    session: serverAuthSession,
    headers: opts.headers,
    cookies: cookies, ⬅️⬅️⬅️⬅️⬅️
    db,
  }
}

// src\server\api\trpc.ts
export const createTRPCContext = async (opts: {
  req: NextRequest
  resHeaders: Headers ⬅️⬅️⬅️⬅️⬅️
}) => {
  return await createInnerTRPCContext({
    headers: opts.req.headers,
    resHeaders: opts.resHeaders, ⬅️⬅️⬅️⬅️⬅️
  })
}

export const createInnerTRPCContext = async (opts: CreateContextOptions) => {
  const serverAuthSession = await getServerAuthSession()
  ⬇️⬇️⬇️⬇️⬇️
  const cookies = {
    get: (name?: string) => {
      const cookiesHeader = opts.headers.get('Cookie')
      if (!cookiesHeader) return null
      const cookies = parse(cookiesHeader)
      return name ? cookies[name] ?? null : cookies
    },
    has: (name: string) => {
      const cookiesHeader = opts.headers.get('Cookie')
      if (!cookiesHeader) return false
      const cookies = parse(cookiesHeader)
      return name in cookies
    },
    set: (name: string, value: string, options?: CookieSerializeOptions) => {
      opts.resHeaders.append('Set-Cookie', serialize(name, value, options))
    },
    clear: (name: string) => {
      opts.resHeaders.append('Set-Cookie', serialize(name, '', { maxAge: -1 }))
    },
  }

  return {
    session: serverAuthSession,
    headers: opts.headers,
    cookies: cookies, ⬅️⬅️⬅️⬅️⬅️
    db,
  }
}

// src\app\api\trpc\[trpc]\route.ts
import { fetchRequestHandler } from '@trpc/server/adapters/fetch'
import type { NextRequest } from 'next/server'

import { env } from '~/env.mjs'
import { appRouter } from '~/server/api/root'
import { createTRPCContext } from '~/server/api/trpc'

const handler = (req: NextRequest) =>
  fetchRequestHandler({
    endpoint: '/api/trpc',
    req,
    router: appRouter,
    createContext: ({ resHeaders }) => createTRPCContext({ req, resHeaders }), ⬅️⬅️⬅️⬅️⬅️
    onError:
      env.NODE_ENV === 'development'
        ? ({ path, error }) => {
            console.error(
              `❌ tRPC failed on ${path ?? '<no-path>'}: ${error.message}`,
            )
          }
        : undefined,
  })

export { handler as GET, handler as POST }

// src\app\api\trpc\[trpc]\route.ts
import { fetchRequestHandler } from '@trpc/server/adapters/fetch'
import type { NextRequest } from 'next/server'

import { env } from '~/env.mjs'
import { appRouter } from '~/server/api/root'
import { createTRPCContext } from '~/server/api/trpc'

const handler = (req: NextRequest) =>
  fetchRequestHandler({
    endpoint: '/api/trpc',
    req,
    router: appRouter,
    createContext: ({ resHeaders }) => createTRPCContext({ req, resHeaders }), ⬅️⬅️⬅️⬅️⬅️
    onError:
      env.NODE_ENV === 'development'
        ? ({ path, error }) => {
            console.error(
              `❌ tRPC failed on ${path ?? '<no-path>'}: ${error.message}`,
            )
          }
        : undefined,
  })

export { handler as GET, handler as POST }

import { authMiddleware } from '@clerk/nextjs/server'

export default authMiddleware({
  publicRoutes: ['/:path*'],
})

export const config = {
  matcher: ['/((?!.*\\..*|_next).*)', '/', '/(api|trpc)(.*)'],
}

import { authMiddleware } from '@clerk/nextjs/server'

export default authMiddleware({
  publicRoutes: ['/:path*'],
})

export const config = {
  matcher: ['/((?!.*\\..*|_next).*)', '/', '/(api|trpc)(.*)'],
}