× TypeError: react__WEBPACK_IMPORTED_MODULE_0___default is not a function or its return value is not iterable

import React from 'react'
//import useState from 'react-dom';
import useState from 'react';

export const Tindercards = () => {
const [people, setPeople] = useState([
{
name: "Elon Musk",
url: "https://www.biography.com/.image/ar_1:1%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cq_auto:good%2Cw_1200/MTc5OTk2ODUyMTMxNzM0ODcy/gettyimages-1229892983-square.jpg"
}
]);

return (
    <>
        <div className="tindercards">

        </div>
    </>
)

}

export default Tindercards;

Comments

[Danilo Miranda]

useState is not a default export from 'react'.

Try changing your imports from this:

import React from 'react'
//import useState from 'react-dom';
import useState from 'react';

to this:

import React, { useState }  from 'react'

Or you can simply use

React.useState()

without needing to import useState