[graphiql] `GraphiQL.visiblePlugin` breaks the Documentation Explorer

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

When setting the GraphiQL.visiblePlugin property, any navigation in the Documentation Explorer opens the “visible” plugin. Not the correct Documentation Explorer page.

Expected Behavior

visiblePlugin shouldn’t break the Documentation Explorer

Steps To Reproduce

BUGIN = {
    title: 'Bug Example',
    icon: () => {
        return <div>Bug</div>;
    },
    content: () => <div>Bug Content</div>
}

const App = () => (
    <GraphiQL
        plugins={[BUGIN]}
        visiblePlugin={BUGIN}
    />
);

Then try navigating inside the Documentation Explorer

Module pattern

• graphiql-umd
• graphiql-esm
• graphiql-commonjs

Environment

- GraphiQL Version: 2.0.8
- OS: OSX 12.6
- Browser: Firefox 106 and Chrome 105
- Bundler: Webpack 5
- `react` Version: 17
- `graphql` Version: 16

Anything else?

No response

[thomasheyenbrock]

Just released the fix for this with @graphiql/react@0.13.3 and graphiql@2.0.9

[thomasheyenbrock]

You’re right! Sorry for that, I did not read the description thoroughly enough 🙈