fix(typescript-graphql-request): Fix typescript error

[pentla]

Description

In the latest version of @graphql-codegen/typescript-graphql-request, TypeScript error occured when moduleResolution is set to "nodenext" or "bundler".

In the issue #501 various version error reported.
I tried with the latest version.

    "@graphql-codegen/cli": "^5.0.0",
    "@graphql-codegen/typescript": "^4.0.1",
    "@graphql-codegen/typescript-graphql-request": "^6.1.0",
    "@graphql-codegen/typescript-operations": "^4.0.1",
    "graphql": "^16.8.1",
    "graphql-request": "^6.1.0",
    "typescript": "^5.3.3"

Here is my tsconfig.json. It is generated by tsc --init and I changed the module to "nodenext".

{
  "compilerOptions": {
    "target": "es2016",
    "module": "nodenext",
    "moduleResolution": "nodenext",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "skipLibCheck": true
  }
}

Somehow, the type of graphql-requests cannot be imported by filename.
My solution was to import "GraphQLRequestHeader" from "graphql-request" instead of "graphql-request/build/cjs/types".

This solution was proposed in this comment.

In addition, I tried "graphql-request" version on 5.0.0, 5.1.0, 5.2.0, 6.0.0, 6.1.0, It works.

Related #501

This Issue is already closed, but now error reported is commented here, I created this PR.

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as
  expected)
• This change requires a documentation update

Screenshots/Sandbox (if appropriate/relevant):

Adding links to sandbox or providing screenshots can help us understand more about this PR and take
action on it as appropriate

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can
reproduce. Please also list any relevant details for your test configuration

• Generated file to be no typescript error

I don't know how to generate using local plugin, I tried to console.log output in test code this file, checked TypeScript error.

Test Environment:

• OS: MacOS 14.1.2
• NodeJS: v20.9.0

Checklist:

• I have followed the
  CONTRIBUTING doc and the
  style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

Further comments

If this is a relatively large or complex change, kick off the discussion by explaining why you chose
the solution you did and what alternatives you considered, etc...

[changeset-bot]

🦋 Changeset detected

Latest commit: dab0449

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@graphql-codegen/typescript-graphql-request	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[pentla]

@saihaj / @TkDodo Hello, Can you please review this PR?

[pentla]

@saihaj / @TkDodo Excuse me, Could you please take a look at the PR? If it would be better to contact someone else, could you let me know?

[saihaj]

thanks for detailed description and sorry for the delays

[saihaj]

Released @graphql-codegen/typescript-graphql-request@6.2.0 🚀