[email protected]

Minor Changes

• #3682 6c9f0df Thanks @yaacovCR! - Support v17 of graphql-js from 17.0.0-alpha.2 forward.

  Includes support for the latest incremental delivery response format. For further details, see graphql/defer-stream-wg#69.

Patch Changes

• Updated dependencies [6c9f0df]:
  • [email protected]

[email protected]

Minor Changes

• #3682 6c9f0df Thanks @yaacovCR! - Support v17 of graphql-js from 17.0.0-alpha.2 forward.

  Includes support for the latest incremental delivery response format. For further details, see graphql/defer-stream-wg#69.

Patch Changes

• Updated dependencies [6c9f0df]:
  • [email protected]
  • [email protected]

[email protected]

Minor Changes

• #3682 6c9f0df Thanks @yaacovCR! - Support v17 of graphql-js from 17.0.0-alpha.2 forward.

  Includes support for the latest incremental delivery response format. For further details, see graphql/defer-stream-wg#69.

Patch Changes

• Updated dependencies [6c9f0df]:
  • @graphiql/[email protected]

[email protected]

Minor Changes

• #3682 6c9f0df Thanks @yaacovCR! - Support v17 of graphql-js from 17.0.0-alpha.2 forward.

  Includes support for the latest incremental delivery response format. For further details, see graphql/defer-stream-wg#69.

Patch Changes

• Updated dependencies [6c9f0df]:
  • [email protected]

[email protected]

Minor Changes

• #3682 6c9f0df Thanks @yaacovCR! - Support v17 of graphql-js from 17.0.0-alpha.2 forward.

  Includes support for the latest incremental delivery response format. For further details, see graphql/defer-stream-wg#69.

Patch Changes

• Updated dependencies [6c9f0df]:
  • [email protected]

@graphiql/[email protected]

Minor Changes

• #3682 6c9f0df Thanks @yaacovCR! - Support v17 of graphql-js from 17.0.0-alpha.2 forward.

  Includes support for the latest incremental delivery response format. For further details, see graphql/defer-stream-wg#69.

@graphiql/[email protected]

Minor Changes

• #3682 6c9f0df Thanks @yaacovCR! - Support v17 of graphql-js from 17.0.0-alpha.2 forward.

  Includes support for the latest incremental delivery response format. For further details, see graphql/defer-stream-wg#69.

Patch Changes

• Updated dependencies [6c9f0df]:
  • @graphiql/[email protected]

@graphiql/[email protected]

Minor Changes

• #3682 6c9f0df Thanks @yaacovCR! - Support v17 of graphql-js from 17.0.0-alpha.2 forward.

  Includes support for the latest incremental delivery response format. For further details, see graphql/defer-stream-wg#69.

Patch Changes

• Updated dependencies [6c9f0df]:
  • @graphiql/[email protected]

[email protected]

Patch Changes

• #3716 cc2808f Thanks @dimaMachina! - use position: absolute for .graphiql-logo class

• Updated dependencies [bf0c4e7]:

  • @graphiql/[email protected]

[email protected]

Major Changes

• #3713 27bbc51 Thanks @dimaMachina! - show tabs even there is only 1 tab

• #3707 3c901c1 Thanks @dimaMachina! - Remove toolbar.additionalContent and toolbar.additionalComponent props in favor of GraphiQL.Toolbar render props.

  Migration from toolbar.additionalContent

  Before

  <GraphiQL toolbar={{ additionalContent: <button>My button</button> }} />

  After

  <GraphiQL>
    <GraphiQL.Toolbar>
      {({ merge, prettify, copy }) => (
        <>
          {prettify}
          {merge}
          {copy}
          <button>My button</button>
        </>
      )}
    </GraphiQL.Toolbar>
  </GraphiQL>

  Migration from toolbar.additionalComponent

  Before

  <GraphiQL
    toolbar={{
      additionalComponent: function MyComponentWithAccessToContext() {
        return <button>My button</button>;
      },
    }}
  />

  After

  <GraphiQL>
    <GraphiQL.Toolbar>
      {({ merge, prettify, copy }) => (
        <>
          {prettify}
          {merge}
          {copy}
          <MyComponentWithAccessToContext />
        </>
      )}
    </GraphiQL.Toolbar>
  </GraphiQL>

  ---

  Additionally, you can sort default toolbar buttons in different order or remove unneeded buttons for you:

  <GraphiQL>
    <GraphiQL.Toolbar>
      {({ prettify, copy }) => (
        <>
          {copy /* Copy button will be first instead of default last */}
          {/* Merge button is removed from toolbar */}
          {prettify}
        </>
      )}
    </GraphiQL.Toolbar>
  </GraphiQL>