Bug: SyntaxError when trying to import named exports from "react"

[wereHamster]

React version: 16.13.1

Steps To Reproduce

import React, { useState } from "react";
console.log(React, useState)

The import declaration is taken straight from the hooks documentation (https://reactjs.org/docs/hooks-intro.html), hence why I expected it to work.

Save as bug.mjs, run with node bug.mjs (node v13 or later).

The current behavior

file:///…/bug.mjs:1
import React, { useState } from "react";
                ^^^^^^^^
SyntaxError: The requested module 'react' does not provide an export named 'useState'
    at ModuleJob._instantiate (internal/modules/esm/module_job.js:92:21)
    at async ModuleJob.run (internal/modules/esm/module_job.js:107:20)
    at async Loader.import (internal/modules/esm/loader.js:179:24)

The expected behavior

No Syntax Error.

[irohitb]

I am not sure about .mjs file but I don't think that's how you run a react app.

[kunukn]

It seems ES modules are expected.

React is officially not shipped as ES modules yet.
#11503

You could try this.

import React from "react";
const { useState } = React;

Or you could try these React installs
#11503 (comment)

[stale]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!