floating-ui.react-dom issue

[Shweta-rajput]

Describe the bug
I'm using react and react-dom version 18.3.1. If I use react-datepicker version below 6, I'm getting the error: 'Element type expected a string but got an object.' If I use a version greater than 6, I encounter the following error: 'ERROR in ./node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs 154:8-26: export "flushSync" (imported as "ReactDOM") was not found in "react-dom".

Please provide solution.

To Reproduce
I m trying with most simplest code :

`
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

console.log("date,,", date)} />

`

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
Datepicker should behave normally without this error

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.