Cannot import useState because there is no useState export in react.

[ionutcirja]

I just update react to latest version (16.8.2) and flow is complaining about this.

'Cannot import useState because there is no useState export in react.'.

Any plans to update flow?

Thanks

[jbrown215]

This has already been in Flow for a few versions now. Which Flow version are you using?

[ionutcirja]

0.93.0

[TrySound]

@ionutcirja How do you import it?

[TrySound]

Also do you have globally installed flow?

[ionutcirja]

Flow is installed locally as a dev dependency.
I'm importing as it should be imported: import {useState} from 'react'

Thanks

[TrySound]

This is weird. Could you make a screenshot with the error in terminal?

[ionutcirja]

Sure, here it is.
Many thanks for your help.

[jbrown215]

Can you also run flow version and show us the output just to be sure?

[ionutcirja]

Yep.

[ionutcirja]

Hmm, I think it might be about flow-babel-webpack-plugin.

[ionutcirja]

It seems it is not. Now I'm running out of ideas.

[ionutcirja]

When I'm running just flow I'm getting not errors, but something strange saying flow server didn't match the client.

[jbrown215]

Did you recently upgrade Flow? It's possible that your old server was still running and so it didn't launch a 0.93.0 server

[ionutcirja]

Yes, upgraded few hours ago. Is there any way to 'clear' the old version.
I removed node modules and reinstalled already.

[jbrown215]

flow stop

[ionutcirja]

Still getting 'Cannot import useState because there is no useState export in react.' when I run webpack.

[TrySound]

@ionutcirja You probably have flow in transitive dependencies.
https://github.com/zhirzh/flow-babel-webpack-plugin/blob/master/package.json#L8

I would get rid from this plugin. It doesn't have official support and since it's archived it doesn't have any support.

[TrySound]

Closing as not related to flow.

[ionutcirja]

Problem fixed. Many thanks for your help.

[Shettysai]

how is it fixed?

[shaantanu9]

How to fix it?

ERROR in ./src/counter.jsx 12:32-40
export 'useState' (imported as 'useState') was not found in 'react' (module has no exports)

[shaantanu9]

After searching everywhere Found the Solution Use Flow as mentioned by many developers above I tried installing flow and it works

npm i -D flow-babel-webpack-plugin works for me, but

Also If that not work try once this also
"flow-bin": ">=0.44.2 <1",