chore(deps): use React v17 consistently

[thomasheyenbrock]

This updates all packages and examples to use React v17. This should help us to avoid any errors related to different versions of React being loaded at the same time.

We also:

• Upgrade to parcel@2 in the parcel example
• Fix dynamically importing codemirror for the parcel example
• Fix the CDN example by using the correct URL for the GraphQL-SWAPI
• Upgrade @storybook dependencies to avoid loading React v16 as sub-dependency

[changeset-bot]

⚠️ No Changeset found

Latest commit: 40753d4

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[codecov]

Codecov Report

Merging #2397 (40753d4) into main (2d91916) will decrease coverage by 0.92%.
The diff coverage is 74.01%.

@@            Coverage Diff             @@
##             main    #2397      +/-   ##
==========================================
- Coverage   65.70%   64.77%   -0.93%     
==========================================
  Files          85       81       -4     
  Lines        5106     5332     +226     
  Branches     1631     1724      +93     
==========================================
+ Hits         3355     3454      +99     
- Misses       1747     1874     +127     
  Partials        4        4              

Impacted Files	Coverage Δ
packages/codemirror-graphql/src/hint.ts	94.73% <ø> (ø)
packages/codemirror-graphql/src/lint.ts	100.00% <ø> (ø)
packages/codemirror-graphql/src/results/mode.ts	47.05% <ø> (ø)
...kages/codemirror-graphql/src/utils/forEachState.ts	100.00% <ø> (ø)
packages/codemirror-graphql/src/utils/hintList.ts	95.65% <ø> (ø)
...ackages/codemirror-graphql/src/utils/info-addon.ts	1.02% <ø> (ø)
...ckages/codemirror-graphql/src/utils/mode-indent.ts	0.00% <0.00%> (ø)
packages/codemirror-graphql/src/variables/hint.ts	89.70% <ø> (ø)
packages/codemirror-graphql/src/variables/mode.ts	79.48% <ø> (ø)
packages/graphiql/src/components/ToolbarMenu.tsx	2.50% <ø> (ø)
... and 78 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 8de8d33...40753d4. Read the comment docs.

[timsuchanek]

LGTM!

[acao]

great find!

[acao]

The funky dynamic import logic is all for SSR, but the component is still not compatible with next.js transparently. It worked with earlier versions of next.js but now it doesn’t and you still have to use a funky workaround