Errror: Unsupported project ID encoding when Querying or Mutating on Nexus-Prisma


I am following the tutorial on how to get started with Nexus-Prisma here:

I followed all the steps exactly but at stage 3 where I am supposed to query or mutate data on the playground, I always get the following error in the playground:

  "data": null,
  "errors": [
      "message": "Unsupported project ID encoding. ",
      "locations": [
          "line": 2,
          "column": 3
      "path": [
      "requestId": "eu1:cjwe2h5fwmhz60b617noqyzuj"

A similiar error is also displayed in console with more details:

Error: Unsupported project ID encoding.
    at BatchedGraphQLClient.<anonymous> (...\server\node_modules\http-link-dataloader\dist\src\BatchedGraphQLClient.js:40:23)
    at (...\schools\server\node_modules\http-link-dataloader\dist\src\BatchedGraphQLClient.js:21:53)
    at fulfilled (...\schools\server\node_modules\http-link-dataloader\dist\src\BatchedGraphQLClient.js:12:58)
    at process.internalTickCallback (internal/process/next_tick.js:77:7)

What do I do to resolve this?
Thank you and i will appreciate any help