Can't use apollo with meteor and react

I’ve followed all the tutorials and all but can’t get the use apollo with meteor, I can’t even view the graphql IDE, please I need help

here’s the code

import { Meteor } from "meteor/meteor";
import { createApolloServer } from "meteor/apollo";
import { makeExecutableSchema } from "graphql-tools";
import { ApolloServer, gql } from "apollo-server-express";
import { LinksCollection } from "/imports/api/links";

// ad

const typeDefs = `
type Query {
  hi: String
}
`;

const resolvers = {
  Query: {
    hi() {
      return "Hello Level Up";
    },
  },
};

const schema = makeExecutableSchema({
  typeDefs,
  resolvers,
});

new ApolloServer({ schema });

You now have to use WebApp to create the server. This is what we do.

    // Allows Meteor to server API to /graphql
    // The casting as unknown has to happen here. As meteor's WebApp is express basically but the types don't line up
    server.applyMiddleware({
      app: (WebApp.connectHandlers) as express.Application,
      path: '/graphql',
    })

    // We are doing this work-around because Playground sets headers and WebApp also sets headers
    // Resulting into a conflict and a server side exception of "Headers already sent"
    WebApp.connectHandlers.use(
      '/graphql',
      (req: IncomingMessage, res: ServerResponse) => {
        if (req.method === 'GET') {
          res.end()
        }
      }
    )
  })

sorry that it’s TS

Thanks very much, i’ll try this