[graphiql] Using ToolbarButton in toolbar/additionalContent throws an error

[receter]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

When passing a ToolbarButton to the toolbar prop of <GraphiQL> (via additionalContent) an error is thrown:

Uncaught Error: Tooltip must be used within TooltipProvider

<GraphiQL
//…
        toolbar={{
          additionalContent: <ToolbarButton label="Hello" />,
        }}
//…
      />

At least this is the case for https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-graphiql-explorer/src/app.jsx#L173

Expected Behavior

Using the ToolbarButton is possible without an error

Steps To Reproduce

<GraphiQL
//…
        toolbar={{
          additionalContent: <ToolbarButton label="Hello" />,
        }}
//…
      />```

### Environment

* GraphiQL Version: 3.7.1 (@graphiql/[email protected])
* OS: all
* Browser: all
* Bundler: 
* `react` Version:
* `graphql` Version:


### Anything else?

_No response_