Migrate to import * as React from 'react' and remove commonjs interop import

[wardpeet]

Description

Reactjs has merged facebook/react#18102 and are moving into es module exports so the correct way of importing react will be import * as React from 'react', they will keep the default exports to keep everything working as expecting.

We should update our documentation and internal code to move to the new import statement.

Expected result

All react imports should be import * as React from 'react'

Actual result

All react imports should be import React from 'react'

More info:

• Codemod to import * as React from "react"; facebook/react#18102
• Export React as Named Exports instead of CommonJS facebook/react#18106
• [WIP] Move Everything to ES Modules in Builds facebook/react#18094

[github-actions]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.
If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!
As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks for being a part of the Gatsby community! 💪💜

[github-actions]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.
Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.
As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks again for being part of the Gatsby community! 💪💜