Nextjs appolo graphql api - fix

graphql.js

//apply this fix where regular method fails

import { gql, ApolloServer } from "apollo-server-micro";
import { PrismaClient } from "@prisma/client";
import {
  ApolloServerPluginLandingPageGraphQLPlayground,
  ApolloServerPluginLandingPageDisabled,
} from "apollo-server-core";
const prisma = new PrismaClient(); 
 
 
const typeDefs = gql`
  type Contact {
    id: String
    name: String
    email: String
  }

  type Query {
    contacts: [Contact]
  }
`;

const resolvers = {
  Query: {
    contacts(_parent, _args, _context) {
      return prisma.contact.findMany();
    },
  },
};

let apolloServerHandler =(req, res) => Promise
async function startServer(req, res) {
   const server =   new ApolloServer({
    typeDefs,
    resolvers,
    plugins: [
      ApolloServerPluginLandingPageGraphQLPlayground({
        // options
      }),
    ],
  }) ;
  await server.start();
  apolloServerHandler=   server.createHandler({path:'/api/graphql'}); 
  return apolloServerHandler;
}

export default async (req,res)=>{
    const apolloServerHandler = await startServer();
    return apolloServerHandler(req,res)
}
 
export const config = { api: { bodyParser: false } };

For some reason, the cors error stil exists and i'm still unable to reach the server.

but for me , this is working.
try clear browser cookies and run again