[core] Enforce import * as React

[da0x]

• I have followed (at least) the PR section of the contributing guide.

It's the way forward: https://twitter.com/dan_abramov/status/1308739731551858689 & facebook/react#18102

As a side note, JSX no longer needs to have React.createElement in the scope thanks to the Babel plugin (for the bundlers that include it) described in: https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.htm.

[oliviertassinari]

I got curious, it doesn't seem that we can enforce this with eslint, unfortunately, eslint/eslint#15895.

[JoshuaKGoldberg]

Tip: you use no-restricted-syntax 🙂

{
  "rules": {
    "no-restricted-syntax": [
      "error",
      {
        "message": "Do not import default from React. Use a namespace import (* as) instead.",
        "selector": "ImportDeclaration[source.value=\"react\"] ImportDefaultSpecifier"
        }
    ]
  }
}

[oliviertassinari]

@JoshuaKGoldberg Oh nice, I didn't realize we could use an AST selector.

[michaldudak]

Consistency FTW! Thanks for your contribution!

[mui-bot]

	Messages
📖	Netlify deploy preview: https://deploy-preview-34878--material-ui.netlify.app/

Details of bundle changes

Generated by 🚫 dangerJS against a6ad3d3