[graphiql] Working with Explore Plugin and defaultTabs prop

### Is there an existing issue for this?

- [X] I have searched the existing issues

### Current Behavior

The playground doesn't run as expected when trying to implement the Explorer Plugin and the `defaultTabs` props.
The following are the issues:
- On every refresh new tabs get added automatically. I've searched the existing and past GitHub issues, and it didn't help.
- On switching tabs, the query from the recently highlighted tab replaces the queries in all the tabs

### Expected Behavior

- On refresh, no new tabs should be added automatically
- When switching between the tabs, the queries should persist

### Steps To Reproduce

```Markdown
Here's the sample repo: https://github.com/harshil1712/react-gql-playground
```

### Module pattern

- [ ] graphiql-umd
- [ ] graphiql-esm
- [ ] graphiql-commonjs

### Environment

```Markdown
- GraphiQL Version: 2.2.0
- OS: MacOS 13.0.1
- Browser: Brave Version 1.46.140 Chromium: 108.0.5359.99
- Bundler:
- `react` Version: 18.2.0
- `graphql` Version:
```

### Anything else?

_No response_