Update dependency graphiql to v5 #10665

renovate · 2025-05-03T10:35:04Z

This PR contains the following updates:

Package	Change	Age	Confidence
graphiql (source)	`3.9.0` → `5.2.2`

Release Notes

graphql/graphiql (graphiql)

`v5.2.2`

Compare Source

Patch Changes

#4133 1bc6568 Thanks @dimaMachina! - to fix esm.sh example we should pin monaco-editor peer dependency to versions ≥ 0.20.0 and < 0.53, since monaco-editor@^0.53.0 isn't supported yet with monaco-graphql
Updated dependencies [1bc6568]:
- @graphiql/react@0.37.3

`v5.2.1`

Compare Source

Patch Changes

#4124 d77abe6 Thanks @dimaMachina! - pin monaco-editor to 0.52.2
Updated dependencies [d77abe6]:
- @graphiql/react@0.37.2

`v5.2.0`

Compare Source

Minor Changes

#4081 4950dec Thanks @dimaMachina! - feat: add loader for initial loading of operation editor
fix: adjust command palette width, border and remove box-shadow
feat: add short cut Cmd/Ctrl + , for opening GraphiQL settings dialog

Patch Changes

Updated dependencies [4950dec]:
- @graphiql/react@0.37.1

`v5.1.1`

Compare Source

Patch Changes

#4078 6e5d5fc Thanks @dimaMachina! - fix color in the F1 popup should be graphiql primary color and add deprecated exports for useEditorStore, useExecutionStore, usePluginStore and useSchemaStore
Updated dependencies [6e5d5fc, 293beed]:
- @graphiql/react@0.37.0
- @graphiql/plugin-doc-explorer@0.4.1
- @graphiql/plugin-history@0.4.1

`v5.1.0`

Compare Source

Minor Changes

#4071 3a0a755 Thanks @dimaMachina! - feat(graphql-language-service): export getContextAtPosition
feat(graphiql): dynamically import monaco-editor and monaco-graphql

When using GraphiQL in Next.js app, you no longer need to use next/dynamic:
```
-import dynamic from 'next/dynamic'
-const GraphiQL = dynamic(() => import('graphiql').then(mod => mod.GraphiQL), {
-  ssr: false
-})
+import { GraphiQL } from 'graphiql'
```
#4074 fd3f9e6 Thanks @dimaMachina! - Ensure storage and theme store values aren't shared between GraphiQL instances. Deprecate useTheme and useStorage hooks in favour of values from useGraphiQL and useGraphiQLActions hooks

feat(@graphiql/plugin-history/@graphiql/plugin-doc-explorer): move @graphiql/react to peerDependencies
#4077 3d41e11 Thanks @dimaMachina! - add new example Usage GraphiQL 5 with Vite, React Router and ssr: true

Patch Changes

#4076 416e3a0 Thanks @dimaMachina! - fix broken useOperationsEditorState and useEditorState hook and add unit tests
Updated dependencies [3a0a755, fd3f9e6, 416e3a0, 3d41e11]:
- @graphiql/react@0.36.0
- @graphiql/plugin-history@0.4.0
- @graphiql/plugin-doc-explorer@0.4.0

`v5.0.6`

Compare Source

Patch Changes

#4069 142f3f2 Thanks @dimaMachina! - reduce bundle size, import prettier dynamically to avoid bundling Prettier

diff from vite example

-dist/assets/index-BMgFrxsd.js             4,911.53 kB │ gzip: 1,339.77 kB
+dist/assets/index-BlpzusGL.js             4,221.28 kB │ gzip: 1,145.58 kB

Updated dependencies [142f3f2]:
- @graphiql/react@0.35.6

`v5.0.5`

Compare Source

Patch Changes

#4065 962225a Thanks @benjie! - Expose the GraphiQLInterfaceProps type.

`v5.0.4`

Compare Source

Patch Changes

#4061 8f14fff Thanks @dimaMachina! - add graphiql.css, CSS file without importing fonts and monaco-editor styles
#4059 a4382bf Thanks @dimaMachina! - export GraphiQLInterface
#4063 44b18e4 Thanks @dimaMachina! - fix useOperationsEditorState wasn't returned updated return value
Updated dependencies [44b18e4]:
- @graphiql/react@0.35.5

`v5.0.3`

Compare Source

Patch Changes

#4052 9b54581 Thanks @dimaMachina! - fix multiple GraphiQL instances, suffix a unique id for operation, request headers, variables and response URI.

E.g., the first GraphiQL instance will have:
- 1-operation.graphql
- 1-request-headers.json
- 1-variables.json
- 1-response.json
The 2nd instance will have:
- 2-operation.graphql
- 2-request-headers.json
- 2-variables.json
- 2-response.json
etc.
#4049 2c0586d Thanks @dimaMachina! - - use allowTrailingComma option in jsonc parser to make tryParseJsonObject sync
- parse introspection headers with jsonc parser
- use prettier format for operation editor since we already use prettier for jsonc editors
#4050 002f133 Thanks @dimaMachina! - fix can't access property "jsonDefaults"
Updated dependencies [9b54581, 2c0586d, 002f133]:
- @graphiql/react@0.35.4

`v5.0.2`

Compare Source

Patch Changes

#4046 8b56462 Thanks @dimaMachina! - Enable font ligatures in monaco-editors fix incorrect caret position on Windows
Updated dependencies [8b56462]:
- @graphiql/react@0.35.3

`v5.0.1`

Compare Source

Patch Changes

#4044 68b347c Thanks @dimaMachina! - fix Fixes Uncaught Error: can't access property "offsetNode", hitResult is null on Mozilla
Updated dependencies [68b347c]:
- @graphiql/react@0.35.2

`v5.0.0`

Compare Source

Major Changes

#3990 27e7eb6 Thanks @dimaMachina! - - allow multiple independent instances of GraphiQL on the same page
- store onClickReference in query editor in React ref
- remove onClickReference from variable editor
- fix shortcut text per OS for run query in execute query button's tooltip and in default query
- allow override all default GraphiQL plugins
- adjust operation argument color to be purple from GraphiQL v2 on dark/light theme
#3999 866a8f3 Thanks @dimaMachina! - update graphiql-cdn example to show how to load workers with esm.sh
#4009 4936492 Thanks @dimaMachina! - separate store actions from state, add useGraphiQLActions state
#4002 2d9faec Thanks @dimaMachina! - remove UMD builds
#4005 1e3ec84 Thanks @dimaMachina! - support externalFragments prop and remove validationRules prop
#4003 0c8e390 Thanks @dimaMachina! - remove readOnly prop
document keyMap prop was removed in migration guide
#3735 0a08642 Thanks @dimaMachina! - - Remove query, variables, headers, and response props from <GraphiQL /> and <GraphiQLProvider />
- Add initialQuery, initialVariables and initialHeaders props
- Fix defaultQuery, when is set will only be used for the first tab. When opening more tabs, the query editor will start out empty
- remove useSynchronizeValue hook
#3966 17bee1c Thanks @dimaMachina! - Remove examples: GraphiQL x Parcel and GraphiQL x Create React App

Add new examples: GraphiQL x Vite and GraphiQL x Next.js
#3234 86a96e5 Thanks @dimaMachina! - Migration from Codemirror to Monaco Editor

Replacing codemirror-graphql with monaco-graphql

Support for comments in Variables and Headers editors

Minor Changes

#4017 cff3da5 Thanks @dimaMachina! - extract graphiql sidebar to react component
#4025 6a50740 Thanks @dimaMachina! - set "importsNotUsedAsValues": "error" in tsconfig
#4026 7fb5ac3 Thanks @dimaMachina! - - deprecate useExplorerContext, useHistoryContext, usePrettifyEditors, useCopyQuery, useMergeQuery, useExecutionContext, usePluginContext, useSchemaContext, useStorageContext hooks
- fix response editor overflow on <GraphiQL.Footer />
- export GraphiQLProps type
- allow children: ReactNode for <GraphiQL.Toolbar />
- change ToolbarMenu component:
  - The label and className props were removed
  - The button prop should now be a button element
- document useGraphiQL and useGraphiQLActions hooks in @graphiql/react README.md
- rename useThemeStore to useTheme

Patch Changes

#3949 0844dc1 Thanks @dimaMachina! - - replace onCopyQuery hook with copyQuery function
- replace onMergeQuery hook with mergeQuery function
- replace onPrettifyEditors hook with prettifyEditors function
- remove fetcher prop from SchemaContextProvider and schemaStore and add fetcher to executionStore
- add onCopyQuery and onPrettifyQuery props to EditorContextProvider
- remove exports (use GraphiQLProvider)
  - EditorContextProvider
  - ExecutionContextProvider
  - PluginContextProvider
  - SchemaContextProvider
  - StorageContextProvider
  - ExecutionContextType
  - PluginContextType
- feat(@graphiql/react): migrate React context to zustand:
  - replace useExecutionContext with useExecutionStore hook
  - replace useEditorContext with useEditorStore hook
- prefer getComputedStyle over window.getComputedStyle
#4008 e0dafa4 Thanks @dimaMachina! - - add f1 command as first item in shortcut table
- set color of quickInputList.focusForeground in command palette to be primary color
#3950 2455907 Thanks @dimaMachina! - - remove useQueryEditor, useVariableEditor, useHeaderEditor, useResponseEditor hooks
- remove UseHeaderEditorArgs, UseQueryEditorArgs, UseResponseEditorArgs, UseVariableEditorArgs exports
- rename components
  - StorageContextProvider => StorageStore
  - EditorContextProvider => EditorStore
  - SchemaContextProvider => SchemaStore
  - ExecutionContextProvider => ExecutionStore
  - HistoryContextProvider => HistoryStore
  - ExplorerContextProvider => ExplorerStore
Updated dependencies [27e7eb6, 0844dc1, 866a8f3, 4936492, 7792dc9, f9780bd, 3c0ad34, 1e3ec84, 0c8e390, 0a08642, cff3da5, 6a50740, 16fdd6a, 86a96e5, 30bc3f9, 4b39f11, 7fb5ac3, 2455907]:
- @graphiql/plugin-doc-explorer@0.3.0
- @graphiql/plugin-history@0.3.0
- @graphiql/react@0.35.0

`v4.1.2`

Compare Source

Patch Changes

#3993 70d2216 Thanks @dimaMachina! - fix TypeError: Cannot read properties of null (reading 'get') and update graphiql webpack example to show how to use useStorage hook with GraphiQL component

`v4.1.1`

Compare Source

Patch Changes

#3970 7054591 Thanks @dimaMachina! - revert #3946 to have support multiple embedded graphiql instances on the same page
Updated dependencies [7054591]:
- @graphiql/plugin-doc-explorer@0.2.2
- @graphiql/plugin-history@0.2.2
- @graphiql/react@0.34.1

`v4.1.0`

Compare Source

Minor Changes

#3946 71755b7 Thanks @dimaMachina! - feat(@graphiql/react): migrate React context to zustand:
- replace useExecutionContext with useExecutionStore hook
- replace useEditorContext with useEditorStore hook
- replace useAutoCompleteLeafs hook with getAutoCompleteLeafs function

Patch Changes

#3963 6d631e2 Thanks @dimaMachina! - fix headers are not set in the refetch of introspection query
Updated dependencies [71755b7, 6d631e2]:
- @graphiql/plugin-doc-explorer@0.2.1
- @graphiql/plugin-history@0.2.1
- @graphiql/react@0.34.0

`v4.0.5`

Compare Source

Patch Changes

#3945 117627b Thanks @dimaMachina! - feat(@graphiql/react): migrate React context to zustand, replace usePluginContext with usePluginStore hook
#3947 fa78481 Thanks @dimaMachina! - refactor useStorage, useDocExplorer and useHistory hooks
#3943 7275472 Thanks @dimaMachina! - feat(@graphiql/react): migrate React context to zustand, replace useSchemaContext with useSchemaStore hook
#3942 00c8605 Thanks @dimaMachina! - feat(@graphiql/react): migrate React context to zustand, replace useStorageContext with useStorage hook
Updated dependencies [117627b, fa78481, 7275472, 00c8605]:
- @graphiql/plugin-doc-explorer@0.2.0
- @graphiql/plugin-history@0.2.0
- @graphiql/react@0.33.0

`v4.0.4`

Compare Source

Patch Changes

#3940 5a66864 Thanks @dimaMachina! - feat(@graphiql/plugin-doc-explorer): migrate React context to zustand, replace useExplorerContext with useDocExplorer and useDocExplorerActions hooks
Updated dependencies [5a66864]:
- @graphiql/plugin-doc-explorer@0.1.0

`v4.0.3`

Compare Source

Patch Changes

#3938 9f55d93 Thanks @dimaMachina! - fix unable override referencePlugin prop
#3936 2bfbb06 Thanks @dimaMachina! - add scroll-x to graphiql tabs area
#3939 69ad489 Thanks @dimaMachina! - prefer React.FC type when declaring React components
#3937 2500288 Thanks @dimaMachina! - remove Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format warnings on SSR
#3935 5985e13 Thanks @dimaMachina! - feat(@graphiql/plugin-history): migrate React context to zustand, replace useHistoryContext with useHistory, useHistoryActions hooks
Updated dependencies [2bfbb06, 69ad489, 2500288, 5985e13]:
- @graphiql/react@0.32.2
- @graphiql/plugin-doc-explorer@0.0.2
- @graphiql/plugin-history@0.1.0

`v4.0.2`

Compare Source

Patch Changes

#3916 98d13a3 Thanks @dimaMachina! - - remove the following exports from @graphiql/react and move them in @graphiql/plugin-doc-explorer package:
- Argument
- DefaultValue
- DeprecationReason
- Directive
- DocExplorer
- ExplorerContext
- ExplorerContextProvider
- ExplorerSection
- FieldDocumentation
- FieldLink
- SchemaDocumentation
- Search
- TypeDocumentation
- TypeLink
- useExplorerContext
- DOC_EXPLORER_PLUGIN
- ExplorerContextType
- ExplorerFieldDef
- ExplorerNavStack
- ExplorerNavStackItem
- add new referencePlugin prop on PluginContextProviderProps component for plugin which is used to display the reference documentation when selecting a type.
Updated dependencies [98d13a3]:
- @graphiql/plugin-doc-explorer@0.0.1
- @graphiql/react@0.32.0
- @graphiql/plugin-history@0.0.2

`v4.0.1`

Compare Source

Patch Changes

#3911 e7c436b Thanks @dimaMachina! - - export cn from @graphiql/react
- remove following exports from @graphiql/react and move them in @graphiql/plugin-history package:
  - History
  - HistoryContext
  - HistoryContextType
  - HistoryContextProvider
  - useHistoryContext
  - HISTORY_PLUGIN
- remove types from @graphiql/react (use ComponentProps<typeof MyContextProviderProps> instead):
  - HistoryContextProviderProps
  - ExecutionContextProviderProps
  - EditorContextProviderProps
  - ExplorerContextProviderProps
  - PluginContextProviderProps
  - SchemaContextProviderProps
  - StorageContextProviderProps
  - GraphiQLProviderProps
#3915 bc31cd9 Thanks @dimaMachina! - fix unpkg.com results to Not found when main field isn't specified in package.json
Updated dependencies [e7c436b]:
- @graphiql/plugin-history@0.0.1
- @graphiql/react@0.31.0

`v4.0.0`

Compare Source

Major Changes

#3904 d1395f9 Thanks @dimaMachina! - drop commonjs build files
#3904 d1395f9 Thanks @dimaMachina! - show tabs even there is only 1 tab
#3904 d1395f9 Thanks @dimaMachina! - remove default export

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

github-actions · 2026-01-11T11:49:05Z

Code Coverage Report: Only Changed Files listed

Package	Coverage
Overall Coverage	🟢 56.46%

Minimum allowed coverage is 0%, this run produced 56.46%

renovate bot added the dependencies label May 3, 2025

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 4 times, most recently from f6cbede to b2684ee Compare May 9, 2025 22:19

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 3 times, most recently from 6447964 to 59a30de Compare June 7, 2025 02:09

renovate bot force-pushed the renovate/major-graphiql-monorepo branch from 59a30de to 7408c8a Compare June 24, 2025 12:13

renovate bot changed the title ~~Update dependency graphiql to v4~~ Update dependency graphiql to v5 Jun 24, 2025

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 2 times, most recently from 8b003d4 to 8cb29a5 Compare June 29, 2025 02:43

renovate bot force-pushed the renovate/major-graphiql-monorepo branch from 8cb29a5 to 28b24f6 Compare July 5, 2025 17:08

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 6 times, most recently from fcf9725 to 77c427f Compare July 19, 2025 18:01

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 3 times, most recently from 7c6b5cc to dc1e2cb Compare July 27, 2025 14:52

renovate bot force-pushed the renovate/major-graphiql-monorepo branch from dc1e2cb to 4a67114 Compare August 10, 2025 12:37

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 4 times, most recently from 44d26fe to 65c900e Compare August 21, 2025 22:41

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 3 times, most recently from c7ee7e0 to 69f8081 Compare August 28, 2025 03:34

renovate bot force-pushed the renovate/major-graphiql-monorepo branch from 69f8081 to af0b919 Compare August 31, 2025 14:16

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 2 times, most recently from 571cb53 to 9b5d437 Compare September 28, 2025 10:47

renovate bot force-pushed the renovate/major-graphiql-monorepo branch from 9b5d437 to e58d863 Compare October 21, 2025 17:11

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 2 times, most recently from d0202b5 to f7da023 Compare November 10, 2025 17:10

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 3 times, most recently from a4d3f68 to c2d5288 Compare November 15, 2025 17:53

renovate bot force-pushed the renovate/major-graphiql-monorepo branch from c2d5288 to 96bb36d Compare December 6, 2025 20:36

renovate bot changed the title ~~Update dependency graphiql to v5~~ fix(deps): update dependency graphiql to v5 Dec 6, 2025

renovate bot force-pushed the renovate/major-graphiql-monorepo branch from 96bb36d to f2091cd Compare December 21, 2025 00:09

renovate bot changed the title ~~fix(deps): update dependency graphiql to v5~~ Update dependency graphiql to v5 Dec 21, 2025

Update dependency graphiql to v5

a448aad

renovate bot force-pushed the renovate/major-graphiql-monorepo branch from f2091cd to a448aad Compare January 11, 2026 11:43

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Update dependency graphiql to v5 #10665

Update dependency graphiql to v5 #10665

renovate bot commented May 3, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Jan 11, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Update dependency graphiql to v5 #10665

Are you sure you want to change the base?

Update dependency graphiql to v5 #10665

Conversation

renovate bot commented May 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Release Notes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Major Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Major Changes

Configuration

Uh oh!

github-actions bot commented Jan 11, 2026

Code Coverage Report: Only Changed Files listed

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

renovate bot commented May 3, 2025 •

edited

Loading