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

[Yedidya10]

I get the above error when the createSubscriberMutation({ variables: json }) function is called.

error - TypeError: Cannot read properties of undefined (reading 'Symbol(Pothos.contextCache)')
     at file:///C:/Users/yedid/Documents/Projects/musical-soulmate/node_modules/@pothos/core/esm/utils/context-cache.js:10:33
     at SchemaBuilder.prismaObject (file:///C:/Users/yedid/Documents/Projects/musical-soulmate/node_modules/@pothos/plugin-prisma/esm/schema-builder.js:18:22)
     at eval (webpack-internal:///(api)/./graphql/types/subscriber.ts:26:47)
     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

Does anyone have an idea how to solve this?

Here is my code:

// schema.ts
import { builder } from './builder'
import './types/subscriber'

export const schema = builder.toSchema()

// builder.ts
import SchemaBuilder from '@pothos/core'
import PrismaPlugin from '@pothos/plugin-prisma'
import ErrorsPlugin from '@pothos/plugin-errors'
import type PrismaTypes from '@pothos/plugin-prisma/generated'
import RelayPlugin from '@pothos/plugin-relay'
import prismaClient from '@/lib/prisma'
import { GraphQLScalarType, Kind } from 'graphql'

export const builder = new SchemaBuilder<{
  PrismaTypes: PrismaTypes
  scalars: {
    Date: {
      Input: Date
      Output: Date
    }
  }
}>({
  plugins: [PrismaPlugin, RelayPlugin, ErrorsPlugin],
  relayOptions: {},
  prisma: {
    client: prismaClient,
  },
  errorOptions: {
    defaultTypes: [],
  },
})

const DateResolver = new GraphQLScalarType({
  name: 'Date',
  description: 'A date scalar that represents a date in ISO format',
  parseValue(value) {
    if (
      typeof value === 'string' ||
      typeof value === 'number' ||
      value instanceof Date
    ) {
      return new Date(value) // Convert the input value to a Date object
    }
  },
  serialize(value) {
    if (value instanceof Date) {
      return value.toISOString() // Convert the Date object to an ISO string format
    }
  },
  parseLiteral(ast) {
    if (ast.kind === Kind.STRING) {
      return new Date(ast.value) // Convert the string value to a Date object
    }
    return null
  },
})

// @ts-ignore
builder.addScalarType('Date', DateResolver, {})

builder.queryType({
  fields: (t) => ({
    ok: t.boolean({
      resolve: () => true,
    }),
  }),
})

builder.objectType(Error, {
  name: 'Error',
  fields: (t) => ({
    message: t.exposeString('message'),
  }),
})

builder.mutationType({})

// subscriber.ts
import prismaClient from '@/lib/prisma'
import { builder } from '../builder'

// Input for the addSubscriber mutation
export const CreateSubscriberInput = builder.inputType(
  'CreateSubscriberInput',
  {
    fields: (t) => ({
      email: t.string({ required: true }),
      language: t.string({ required: true }),
      country: t.string({ required: true }),
    }),
  }
)

builder.prismaObject('Subscriber', {
  name: 'Subscriber',
  fields: (t) => ({
    email: t.exposeString('email'),
    country: t.exposeString('country'),
    language: t.exposeString('language'),
  }),
})

builder.queryField('subscribers', (t) =>
  t.prismaField({
    type: ['Subscriber'],
    resolve: (query, _parent, _args, _ctx, _info) =>
      prismaClient.subscriber.findMany({ ...query }),
  })
)

// addSubscriber mutation
builder.mutationField('addSubscriber', (t) =>
  t.prismaField({
    // return an object of type Subscriber
    type: 'Subscriber',
    // arguments of the mutation
    args: {
      input: t.arg({
        type: CreateSubscriberInput,
        required: true,
      }),
    },

    // resolver for the addSubscriber mutation
    resolve: async (query, _parent, _args, _ctx, _info) => {
      try {
        const data = await prismaClient.subscriber.create({
          data: {
            ..._args.input,
          },
        })
        return data
      } catch (err: any) {
        let errMessage = ''
        if (
          err?.message?.indexOf(
            'Unique constraint failed on the fields: (`email`)'
          ) > -1
        ) {
          errMessage = 'Email should be unique'
        }
        throw new Error(errMessage || err?.message || 'Unknown error')
      }
    },
  })
)

[hayes]

Does your server create a context object for the request?

[hayes]

A lot of Pothos plugins, including the primsa plugin require a context object. What server library are you using?

[hayes]

Actually, I think this might be a different issue, what version of Prisma and @pothos/plugin-prisma are you using? Prisma broke some things in 4.13 that required a fix in Pothos that would produce this same error

[Yedidya10]

I attached the repo's dependencies list. I honestly don't know which libraries use the context object.

    "@prisma/client": "^4.13.0",
    
    "@pothos/plugin-errors": "^3.11.1",
    "@pothos/plugin-prisma": "^3.41.3",
    "@pothos/plugin-relay": "^3.37.0",
    "@prisma/client": "^4.13.0",

// ...
 "engines": {
    "node": ">=14.17.0",
    "npm": ">=6.14.13",
    "yarn": "please use npm",
    "prisma": ">=2.29.1",
    "typescript": ">=4.4.3",
    "next": ">=12.0.0"
  },
  "dependencies": {
    "@apollo/client": "^3.7.10",
    "@emotion/react": "^11.11.0",
    "@emotion/styled": "^11.11.0",
    "@mui/icons-material": "^5.11.16",
    "@mui/material": "^5.12.3",
    "@next-auth/prisma-adapter": "^1.0.6",
    "@next-auth/supabase-adapter": "^0.2.1",
    "@next/font": "13.1.6",
    "@pothos/core": "^3.30.0",
    "@pothos/plugin-errors": "^3.11.1",
    "@pothos/plugin-prisma": "^3.41.3",
    "@pothos/plugin-relay": "^3.37.0",
    "@prisma/client": "^4.13.0",
    "@splidejs/react-splide": "^0.7.12",
    "@supabase/supabase-js": "^2.10.0",
    "@types/jsonwebtoken": "^9.0.1",
    "@types/node": "18.11.19",
    "@types/react": "18.0.27",
    "@types/react-dom": "18.0.10",
    "class-validator": "^0.14.0",
    "eslint": "8.33.0",
    "eslint-config-next": "13.1.6",
    "graphql": "^16.6.0",
    "graphql-scalars": "^1.20.1",
    "graphql-yoga": "^3.7.2",
    "i18next": "^22.4.14",
    "jsonwebtoken": "^9.0.0",
    "next": "13.1.6",
    "next-auth": "^4.19.2",
    "next-i18next": "^13.2.2",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-hook-form": "^7.43.5",
    "react-i18next": "^12.2.0",
    "react-icons": "^4.8.0",
    "recoil": "^0.7.7",
    "reflect-metadata": "^0.1.13",
    "spotify-web-api-node": "^5.0.2",
    "stylis": "^4.2.0",
    "stylis-plugin-rtl": "^2.1.1",
    "type-graphql": "^1.1.1",
    "typescript": "4.9.5"
  },
  "devDependencies": {
    "@babel/core": "^7.21.0",
    "@commitlint/cli": "^17.4.4",
    "@commitlint/config-conventional": "^17.4.4",
    "@storybook/addon-essentials": "^7.0.7",
    "@storybook/addon-interactions": "^7.0.7",
    "@storybook/addon-links": "^7.0.7",
    "@storybook/blocks": "^7.0.7",
    "@storybook/nextjs": "^7.0.7",
    "@storybook/react": "^7.0.7",
    "@storybook/testing-library": "^0.0.14-next.2",
    "@types/next": "^9.0.0",
    "@types/next-auth": "^3.15.0",
    "@types/spotify-web-api-node": "^5.0.7",
    "babel-loader": "^8.3.0",
    "css-loader": "^6.7.3",
    "eslint-plugin-storybook": "^0.6.11",
    "husky": "^8.0.3",
    "postcss": "^8.4.21",
    "prettier": "^2.8.4",
    "prisma": "^4.13.0",
    "sass": "^1.62.0",
    "sass-loader": "^13.2.2",
    "storybook": "^7.0.7",
    "style-loader": "^3.3.1",
    "supabase": "^1.55.1",
    "ts-node": "^10.9.1",
    "util": "^0.12.5"
  },
  // ...

[hayes]

Looks like you are using the version of Prisma that recently broke Pothos, you'll need to update the Prisma plugin to the latest version

[Yedidya10]

Thanks. It works! 🎉