Programmatically changing query in v5

[jstaro]

This change removed query:

#3735 0a08642 Thanks @dimaMachina! - - Remove query, variables, headers, and response props from <GraphiQL /> and <GraphiQLProvider />

We were using this in a custom UI wrapping GraphiQL where we had a drop-down to choose from preset queries. I'm not seeing a way to achieve this in v5?

[dimaMachina]

use initialQuery, initialVariables, initialHeaders props instead

[jstaro]

These props do not appear to be reactive so cannot be changed on the fly.

[dimaMachina]

you can change editor value with

const queryEditor = useGraphiQL(state => state.queryEditor)

useEffect(() => {
  queryEditor.setValue(query)
}, [query])