GraphQL Server Default Landing Page throwing  400 error
### Issue Description

### Issue Description

The graphql default landing page is throwing the below error with status 400. I am getting this when i run my code on AWS. Previously i was getting a csrf 400 issue. it got fixed when i added `Apollo-Require-Preflight` on cloud front to add it on every request. it is working fine in my local.

<img width="1156" alt="image" src="https://user-images.githubusercontent.com/13927457/215308182-c2a194ae-f380-4367-bf88-3b36acd541ae.png">




Here is my configuration:

`
  const server = new ApolloServer({
    typeDefs,
    resolvers,
    plugins: [
      isDevOrTestEnv()
        ? ApolloServerPluginLandingPageLocalDefault()
        : ApolloServerPluginLandingPageProductionDefault(),
    ],
  });
`

I have checked that i don't have any other middleware that is currently blocking the request other than graphql plugin. 
it seems like a bug to me:

For reference i m using version 4.


### Link to Reproduction

NA

### Reproduction Steps

NA