chore(deps-dev): bump @graphql-codegen/client-preset from 3.0.1 to 4.0.0

[dependabot]

Bumps @graphql-codegen/client-preset from 3.0.1 to 4.0.0.

Release notes

Sourced from @​graphql-codegen/client-preset's releases.

@​graphql-codegen/typescript-react-query@​4.0.0

Major Changes

• 5c7592b4d: Introduces breaking changes to support [email protected]:

  • react query package is now @tanstack/react-query -> import changes
  • introduced a legacyMode flag (false by default)

  /!\ If you are using the 'react-query' package or react-query < 4, please set the legacyMode option to true. /!\

@​graphql-codegen/typescript-urql@​3.6.3

Patch Changes

• ab66ba104: Add useQuery argument generic type

@​graphql-codegen/typescript-react-query@​3.6.2

Patch Changes

• Updated dependencies [2cbcbb371]
  • @​graphql-codegen/visitor-plugin-common@​2.12.0
  • @​graphql-codegen/plugin-helpers@​2.6.0

@​graphql-codegen/typescript-urql@​3.6.2

Patch Changes

• Updated dependencies [2cbcbb371]
  • @​graphql-codegen/visitor-plugin-common@​2.12.0
  • @​graphql-codegen/plugin-helpers@​2.6.0

@​graphql-codegen/typescript-react-apollo@​3.3.2

Patch Changes

• Updated dependencies [2cbcbb371]
  • @​graphql-codegen/visitor-plugin-common@​2.12.0
  • @​graphql-codegen/plugin-helpers@​2.6.0

@​graphql-codegen/typescript-vue-apollo@​3.3.2

Patch Changes

• Updated dependencies [2cbcbb371]
  • @​graphql-codegen/visitor-plugin-common@​2.12.0
  • @​graphql-codegen/plugin-helpers@​2.6.0

Changelog

Sourced from @​graphql-codegen/client-preset's changelog.

4.0.0

Major Changes

• bb66c2a31 Thanks @​n1ru4l! - Require Node.js >= 16. Drop support for Node.js 14

Minor Changes

• #9196 3848a2b73 Thanks @​beerose! - Add @defer directive support

  When a query includes a deferred fragment field, the server will return a partial response with the non-deferred fields first, followed by the remaining fields once they have been resolved.

  Once start using the @defer directive in your queries, the generated code will automatically include support for the directive.

  // src/index.tsx
  import { graphql } from './gql';
  const OrdersFragment = graphql(`
    fragment OrdersFragment on User {
      orders {
        id
        total
      }
    }
  `);
  const GetUserQuery = graphql(`
    query GetUser($id: ID!) {
      user(id: $id) {
        id
        name
        ...OrdersFragment @defer
      }
    }
  `);

  The generated type for GetUserQuery will have information that the fragment is incremental, meaning it may not be available right away.

  // gql/graphql.ts
  export type GetUserQuery = { __typename?: 'Query'; id: string; name: string } & ({
    __typename?: 'Query';
  } & {
    ' $fragmentRefs'?: { OrdersFragment: Incremental<OrdersFragment> };
  });

  Apart from generating code that includes support for the @defer directive, the Codegen also exports a utility function called isFragmentReady. You can use it to conditionally render components based on whether the data for a deferred fragment is available:

... (truncated)

Commits

• 5c7b3b3 Upcoming Release Changes (#9355)
• 4d9ea1a node 16 upgrade (#9449)
• ca02ad1 Include nested fragments in string document mode (#9414)
• ba84a3a Update typescript, typescript-operations and typescript-resolvers plugins Sca...
• 5f10733 Support defer directive on nested fragments (#9384)
• 6d2de20 [client-preset] Error message enhancement (#9315)
• a7dda35 Make isFragmentReady function work with enabled noUncheckedIndexedAccess tsc ...
• 0f85802 Update new client-preset test (#9382)
• d7e335b feat: implement persistedDocuments.hashAlgorithm (#9353)
• 3848a2b Add @defer directive support (#9196)
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[dependabot]

Superseded by #515.