Checkout UI Extension Error: The Admin GraphQL API responded unsuccessfully with the HTTP status 200

Shopify Apps
1

I have scaffolded a new Checkout UI Extension with React Javascript template in a new Shopify React App. Running the yarn dev command (without any changes in the code), throws the following error. Upon removing the extension boilerplate code that was generated, app and other extensions starts to work again. But with Checkout UI Extension in the project this error shows:

The Admin GraphQL API responded unsuccessfully with the HTTP status 200 and errors:
    
      [
      {
        "message": "Internal error. Looks like something went wrong on our end.\nRequest ID: b5fb6e7f-d766-4cc3-859f-e889c8e382a0 (include this in support requests).",
        "extensions": {
          "code": "INTERNAL_SERVER_ERROR",
          "requestId": "b5fb6e7f-d766-4cc3-859f-e889c8e382a0"
        }
      }
    ]
          

    Stack trace:
    at                            graphql-request/src/index.ts:410      throw new ClientError(                                                          
    at step                       graphql-request/dist/index.js:63      op = body.call(thisArg, _);                                                     
    at next                       graphql-request/dist/index.js:44      function verb(n) { return function (v) { return step([n, v]); }; }              
    at fulfilled                  graphql-request/dist/index.js:35      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { re…
    at processTicksAndRejection…  node:internal/process/task_queues:96
2

Hello, did you find the solution to this problem? Is it Shopify responsible or is it something in my code? Thanks.