GraphQL Playground CDN URL is not valid

When starting a new project, and navigating to the endpoint, the following error is thrown in the console:

GET https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.10/build/static/js/middleware.js net::ERR_ABORTED 404

GET https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.10/build/static/css/index.css net::ERR_ABORTED 404

graphql:537 Uncaught ReferenceError: GraphQLPlayground is not definedat graphql:537

It appears that the url for the cdn is no longer valid, and needs to be updated to to

https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.25/build/static/js/middleware.js

[creekdrops]

For anyone else struggling with this, I learned that you can override the version of graphql-playground-react in your ApolloServer configuration like so.

const server = new ApolloServer({
  typeDefs,
  resolvers,
  playground: { version: '1.7.25' }
});

I’m not sure why 1.7.10 is no longer available in the CDN.

[Siyfion]

@abernix I believe that this is still an issue in the currently available https://github.com/apollographql/fullstack-tutorial/ project.

As it’s requesting: https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.8/build/static/css/index.css

See here for discussion: https://spectrum.chat/apollo/apollo-server/graphql-playground-does-not-work-on-localhost-4000~fd431b61-5051-42f8-8bf9-c12a3ac64e10