Unable to find any GraphQL type definitions on Vercel

[szanuje]

Hey, I recently updated GraphqlQL dependencies in my NextJS project, including:
@envelop/sentry: 3.8.0 => 4.0.4
@graphql-yoga/node 2.13.8 => graphql-yoga 3.0.3
@sentry/nextjs: 7.13.0 => 7.21.1 (+ @sentry/node, @sentry/tracing)
I'm using next 13.0.5.
I started getting an error on Vercel (app builds successfully but API is not working):

      Unable to find any GraphQL type definitions for the following pointers:
          - /var/task/graphql/schema.graphql
    at prepareResult (file:///var/task/node_modules/@graphql-tools/load/esm/load-typedefs.js:88:15)
    at loadTypedefsSync (file:///var/task/node_modules/@graphql-tools/load/esm/load-typedefs.js:75:20)
    at loadSchemaSync (file:///var/task/node_modules/@graphql-tools/load/esm/schema.js:24:21)
    at /var/task/.next/server/pages/api/graphql.js:7259:84
RequestId: 5cce72c9-bce3-406c-a39b-185d91e0e099 Error: Runtime exited with error: exit status 1
Runtime.ExitError

Every GQL API endpoint stopped responding (http error 500).

On local environment everything works fine.

My Yoga server configuration:

const schema = loadSchemaSync(
  join(process.cwd(), "graphql", "schema.graphql"),
  {
    loaders: [new GraphQLFileLoader()],
  },
);

const schemaWithResolvers = addResolversToSchema({
  schema,
  resolvers: mergeResolvers(resolvers),
});

export default createYoga<{
  req: NextApiRequest;
  res: NextApiResponse;
}>({
  graphqlEndpoint: "/api/graphql",
  schema: schemaWithResolvers,
  maskedErrors: process.env.NODE_ENV === "production",
  context: async (req: any): Promise<GraphQLContext> => {
    // some props

    return {
      // some props
    };
  },
  plugins: [
    // eslint-disable-next-line react-hooks/rules-of-hooks
    useSentry({
      includeRawResult: true,
      includeResolverArgs: true,
      includeExecuteVariables: true,
    }),
    // eslint-disable-next-line react-hooks/rules-of-hooks
    useRateLimiter({
      identifyFn,
    }),
  ],
});

I also tried different approach with schema loading:

const schemaWithResolvers = makeExecutableSchema({
  typeDefs: importSchema(join(process.cwd(), "graphql", "schema.graphql")),
  resolvers: mergeResolvers(resolvers),
});

Or adding this to next.config.js

  webpack: (config) => {
    config.module.rules.push({
      test: /\.(graphql|gql)$/,
      exclude: /node_modules/,
      loader: "@graphql-tools/webpack-loader",
    });
    return config;
  },

But none of these worked.

[ardatan]

Please share a minimal and clear reproduction on CodeSandbox or Stackblitz.

[szanuje]

Related discussion: #4209

[szanuje]

piglovesyou/graphql-let#534 (comment)