Cannot use InputType in the argument of the Query/ Mutation.

[VanshulB]

I've setup the the typegraphql library with Apollo graphql server with express plugin, the problem is that whenever I want to pass an custom class object into the arguments of the query/mutation the Apollo server gives an error saying.

Unexpected error processing request: TypeError: Cannot read properties of undefined (reading 'code') TypeError: Cannot read properties of undefined (reading 'code') at enrichError (/Users/vanshulbhatia/Desktop/projects/fullstack/server/node_modules/@apollo/server/dist/cjs/errorNormalize.js:34:43) at /Users/vanshulbhatia/Desktop/projects/fullstack/server/node_modules/@apollo/server/dist/cjs/errorNormalize.js:19:28 at Array.map (<anonymous>) at normalizeAndFormatErrors (/Users/vanshulbhatia/Desktop/projects/fullstack/server/node_modules/@apollo/server/dist/cjs/errorNormalize.js:13:33) at ApolloServer.errorResponse (/Users/vanshulbhatia/Desktop/projects/fullstack/server/node_modules/@apollo/server/dist/cjs/ApolloServer.js:560:102) at ApolloServer.executeHTTPGraphQLRequest (/Users/vanshulbhatia/Desktop/projects/fullstack/server/node_modules/@apollo/server/dist/cjs/ApolloServer.js:556:25) at processTicksAndRejections (node:internal/process/task_queues:96:5)

Here is my UserResolver

import {
  Field,
  InputType,
  Mutation,
  Query,
  Resolver,
  Arg,
  ObjectType,
  ArgsType,
} from "type-graphql";
import { User } from "../entity/User";

@ObjectType()
@InputType()
@ArgsType()
class RegisterInput {
  @Field((type) => String)
  email: string;

  @Field((type) => String)
  username: string;

  @Field((type) => String)
  password: string;
}

@ObjectType()
@InputType()
@ArgsType()
class RegisterOutput {
  @Field({ name: "email" })
  email: string;

  @Field({ name: "username" })
  username: string;

  @Field({ name: "password" })
  password: string;
}

@Resolver((of) => User)
export class UserResolver {
  @Query(() => String)
  hello() {
    return "bye";
  }

  @Query((RegisterInput) => RegisterOutput)
  reg(@Arg("options", { nullable: false }) options: RegisterInput) {
    const obj = new RegisterOutput();
    obj.email = options.email;
    obj.password = options.password;
    obj.username = options.username;
    return obj;
  }
}

My main server file is this

import "dotenv";
import "reflect-metadata";
import { AppDataSource } from "./data-source";
import { User } from "./entity/User";
import express from "express";
import { ApolloServer } from "@apollo/server";
import { ApolloServerPluginDrainHttpServer } from "@apollo/server/plugin/drainHttpServer";
import { expressMiddleware } from "@apollo/server/express4";
import cors from "cors";
import { json } from "body-parser";
import { buildTypeDefsAndResolvers } from "type-graphql";
import { UserResolver } from "./resolvers/UserResolver";
import { MyContext } from "./MyContext";
import session from "express-session";
import { createClient } from "redis";
import RedisStore from "connect-redis";

declare module "express-session" {
  interface SessionData {
    userId: number;
  }
}

(async () => {
  await AppDataSource.initialize();
  await AppDataSource.synchronize();

  const PORT = process.env.PORT || 3000;
  const app = express();
  const http = require("http");
  const httpServer = http.createServer(app);

  const { typeDefs, resolvers } = await buildTypeDefsAndResolvers({
    resolvers: [UserResolver],
  });

  const apolloServer = new ApolloServer<MyContext>({
    typeDefs,
    resolvers,
    csrfPrevention: true,
    cache: "bounded",
    plugins: [ApolloServerPluginDrainHttpServer({ httpServer })],
  });

  await apolloServer.start();

  const redisClient = createClient();
  await redisClient.connect().catch((err) => console.error(err));

  // @ts-ignore
  const redisStore = new RedisStore({
    // @ts-ignore
    client: redisClient,
    prefix: "full-stack:",
    disableTouch: true,
  });

  app.use(
    session({
      name: "qid",
      secret: process.env.EXPRESS_SESSION_SECRET || "some secret",
      store: redisStore,
      resave: false,
      saveUninitialized: false,
      cookie: {
        maxAge: 1000 * 60 * 60 * 24 * 365 * 10,
        httpOnly: true,
        sameSite: "none",
        secure: true,
      },
    })
  );

  app.use(
    "/graphql",
    cors<cors.CorsRequest>({
      origin: ["https://localhost:3000", "https://studio.apollographql.com"],
    }),
    json(),
    expressMiddleware(apolloServer, {
      context: async ({ req, res }) => ({ req, res, database: AppDataSource }),
    })
  );

  app.listen(3000, () => {
    console.log(`Server started on port ${PORT}`);
  });
})();

I've tried with multiple decorators (hit and try) but nothing worked?

What is the cause and what is the significance of "code" in the error