Graphql-playground: Graphql playground error Unexpect JSON at 0 and server cannot be reached

[faizhameed]

This issue pertains to the following package(s):

• [ ] GraphQL Playground - Gatsby

What OS and OS version are you experiencing the issue(s) on?

Ubuntu Linux 18.04 bionic

What version of graphql-playground(-electron/-middleware) are you experiencing the issue(s) on?

"graphql-playground-middleware-express": "^1.7.12",

What is the expected behavior?

Should be able to query in localhost:8000/___graphql
but i am getting the following error
https://i.gyazo.com/8f63f63002f139f7b6f1fe5450198c69.png

Format:

My .env.development file
GATSBY_GRAPHQL_IDE=playground
My Gatsby Config file

module.exports = {
  siteMetadata: {
    title: "Full-StackDeveloper",
    author: "Faiz Hameed",
  },
  plugins: [
    { resolve: "gatsby-plugin-sass" },
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "src",
        path: `${__dirname}/src/`,
      },
    },
  ],
}

[faizhameed]

The issue was solved by using correct URL link in the Url space given in the graphql playground.
ie localhost:8000/___graphql