TypeError: Cannot read properties of undefined (reading 'Symbol(Pothos.contextCache)')

[marceloverdijk]

Hi,

During the weekend I was trying to migrate a Nextjs application using Prisma Nexus Plugin to using Pothos with the Pothos Prisma Plugin.

Basic queries work calling GraphQL Codegen Generic SDK --> Yoga --> Pothos --> Prisma 💪

But queries for prisma objects having a t.relation all seem to fail...

country.ts:

builder.prismaObject('Country', {
  findUnique: (country) => ({ id: country.id }),
  fields: (t) => ({
    id: t.exposeString('id'),
    alpha2Code: t.exposeString('alpha2Code'),
    alpha3Code: t.exposeString('alpha3Code'),
    name: t.exposeString('name'),
  }),
})

tyre-manufacturer.ts:

builder.prismaObject('TyreManufacturer', {
  findUnique: (tyreManufacturer) => ({ id: tyreManufacturer.id }),
  fields: (t) => ({
    id: t.exposeString('id'),
    name: t.exposeString('name'),
    country: t.relation('country'),
  }),
})

It gives the following error:

{
  errors: [
    TypeError: Cannot read properties of undefined (reading 'Symbol(Pothos.contextCache)')
        at file:///Users/marceloverdijk/workspace/my-frontend/node_modules/@pothos/core/esm/utils/context-cache.js:10:33
        at file:///Users/marceloverdijk/workspace/my-frontend/node_modules/@pothos/plugin-prisma/esm/util/loader-map.js:19:21
        at Array.forEach (<anonymous>)
        at setLoaderMappings (file:///Users/marceloverdijk/workspace/my-frontend/node_modules/@pothos/plugin-prisma/esm/util/loader-map.js:18:24)
        at queryFromInfo (file:///Users/marceloverdijk/workspace/my-frontend/node_modules/@pothos/plugin-prisma/esm/util/map-query.js:183:5)
        at resolve (file:///Users/marceloverdijk/workspace/my-frontend/node_modules/@pothos/plugin-prisma/esm/field-builder.js:18:27)
        at executeField (/Users/marceloverdijk/workspace/my-frontend/node_modules/graphql/execution/execute.js:481:20)
        at executeFields (/Users/marceloverdijk/workspace/my-frontend/node_modules/graphql/execution/execute.js:413:20)
        at executeOperation (/Users/marceloverdijk/workspace/my-frontend/node_modules/graphql/execution/execute.js:344:14)
        at execute (/Users/marceloverdijk/workspace/my-frontend/node_modules/graphql/execution/execute.js:136:20) {
      path: [Array],
      locations: undefined,
      extensions: [Object: null prototype] {}
    }
  ],
  data: null
}

Maybe I'm doing something wrong...
I tried to follow the path as documented here https://pothos-graphql.dev/docs/guide/app-layout when splitting the schema code.

So eventually I have:

builder.ts:

import SchemaBuilder from '@pothos/core'
import PrismaPlugin from '@pothos/plugin-prisma'
import type PrismaTypes from './pothos-types'
import prisma from '../prisma'

const builder = new SchemaBuilder<{
  PrismaTypes: PrismaTypes
  Scalars: {
    Date: {
      Input: string
      Output: string
    }
    Latitude: {
      Input: string
      Output: string
    }
    Longitude: {
      Input: string
      Output: string
    }
  }
}>({
  plugins: [PrismaPlugin],
  prisma: {
    client: prisma,
  },
})

builder.queryType({})

export default builder

schema.ts:

import {
  DateResolver,
  LatitudeResolver,
  LongitudeResolver,
} from 'graphql-scalars'
import builder from './builder'
import './schema-types/country'
// other imports
import './schema-types/tyre-manufacturer'

builder.addScalarType('Date', DateResolver, {})
builder.addScalarType('Latitude', LatitudeResolver, {})
builder.addScalarType('Longitude', LongitudeResolver, {})

const schema = builder.toSchema({})

export default schema

Now when I change:

tyre-manufacturer.ts:

builder.prismaObject('TyreManufacturer', {
  findUnique: (tyreManufacturer) => ({ id: tyreManufacturer.id }),
  fields: (t) => ({
    id: t.exposeString('id'),
    name: t.exposeString('name'),
    country: t.relation('country'),
  }),
})

to:

tyre-manufacturer.ts:

builder.prismaObject('TyreManufacturer', {
  findUnique: (tyreManufacturer) => ({ id: tyreManufacturer.id }),
  fields: (t) => ({
    id: t.exposeString('id'),
    name: t.exposeString('name'),
    country: t.prismaField({
      type: 'Country',
      resolve: async (query, root) =>
        prisma.country.findUniqueOrThrow({
          ...query,
          where: { id: root.countryId },
        }),
    }),
  }),
})

and manually resolve the Country then it works...

Difficult to understand why this is not working as expected, or what TypeError: Cannot read properties of undefined (reading 'Symbol(Pothos.contextCache)') means?

[hayes]

I think this might be an issue with the new prisma version, can you check if you are on the latest version of pothos, prisma, and the prisma plugin?

[marceloverdijk]

Hi Michael,

Yes I'm on the latest versions:

• "@graphql-yoga/node": "^2.11.2",
• "@pothos/core": "^3.12.1",
• "@pothos/plugin-prisma": "^3.13.1",
• "@prisma/client": "^4.0.0",

Is Pothos Prisma compatible with Prisma 4.0.0?

[marceloverdijk]

Btw just tried with Prisma 3.15.0 as well and I get the same error.

[hayes]

Ah, sorry I thought this was an issue I had resolved with 4.0, but it is actually something unrelated. I think the issue is that you are not creating a context object for each request.

How are you starting your server, do you have a contextFactory function that might be returning undefined?

Based in the error, it looks like it is getting undefined for the context value in one of the resolvers.

[marceloverdijk]

Yes, the context was not created (I did not specify one).

I removed it as part of my refactoring to Pothos as the docs stated It is strongly recommended NOT to put your prisma client into Context. I changed it to empty context {} and now it works as expected.
Thx again for your help!

[shtse8]

I have the same issue. I can confirm if the context isn't provided, this error will occur.
from

const schemaLink = new SchemaLink({ schema })

to

const schemaLink = new SchemaLink({ schema, context: {} })