next.jsgraphqlapolloverceltypegraphql

NextJS 13.5 causes graphql schema errors


After updating to NextJS 13.5 I started seeing these errors when deployed on Vercel (but works fine locally):

Error: Schema must contain uniquely named types but contains multiple types named "h". at new GraphQLSchema (/var/task/node_modules/.pnpm/graphql@16.8.1/node_modules/graphql/type/schema.js:219:15)

My init code is pretty straightforward in the serverless function:

const schema = buildSchemaSync({
        authChecker: UserAuthority,
        resolvers: [...]
    });

    const plugins = [
        // Install a landing page plugin based on NODE_ENV
        process.env.NODE_ENV === 'production'
            ? ApolloServerPluginLandingPageProductionDefault({
                graphRef: 'my-graph-id@my-graph-variant',
                footer: false,
            })
            : ApolloServerPluginLandingPageLocalDefault({ footer: false }),
    ];

    const server = new ApolloServer({
        schema,
        introspection: true,
        csrfPrevention: true,
        plugins,
        cache: 'bounded'
        // enable GraphQL Playground
    });

    const handler = startServerAndCreateNextHandler(server, {
        context
    })
    await handler(req, res);

This seems to be related to Next optimisations given there are no types named 'h'. Is there a way to ensure every unique name generated as part of optimization's is unique?


Solution

  • The issue is from server side optimisation that minifies class names, which type-graphql relies on to generate its schema.

    To disable serverside optimisation only (and prevent bloat on thefrontend) you can set this in your next.config

    experimental: {
        serverMinification: false,
    }
    

    Looks like it was turned on in 13.5 by default and the cause of the issues.