[graphiql] Cannot edit query name from explorer plugin

[AllanZhengYP]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

See the CodeSandbox link below.

If I don't include any query in the query block, I cannot edit the query name from the explorer:

Screen.Recording.2024-04-12.at.1.55.45.PM.mov

However, if I add any query to the block, I can edit the query name as normal again:

Screen.Recording.2024-04-12.at.1.56.16.PM.mov

Expected Behavior

The both cases I should be able to edit the query name from the explorer panel.

Steps To Reproduce

See the codesandbox link

Environment

• GraphiQL Version:
• OS:
• Browser:
• Bundler:
• react Version:
• graphql Version:

Anything else?

No response