1.7.3 development (React18)

[seldi-Jaehun]

Suddenly, the DatePicker causes the screen to look like this in development. Please let me know what the issue is and how to fix it

[seldi-Jaehun]

It looks fine in local, but I'm only getting that screen in development.

[devjsrana]

facing the same problem, it works fine in local 😫

[seldi-Jaehun]

Please let me know how to fix itPlease let me know how to fix it 😭

[seldi-Jaehun]

@rezvee99

I'm not using yarn, I'm using npm....

[rezvee99]

@devjsrana @seldi-Jaehun
yarn add [email protected]

i use this command and its work properly.

[rezvee99]

@rezvee99

I'm not using yarn, I'm using npm....

run this command npm i [email protected]
use this @1.7.3 version. i will be work as well.

[seldi-Jaehun]

@rezvee99
I'm not using yarn, I'm using npm....

run this command npm i [email protected] use this @1.7.3 version. i will be work as well.

Thanks for the answer
I tried it with 1.7.3 and still the same thing happened 😭😭😭

[rezvee99]

at first remove node-modules and package-lock.json and replace "react-tailwindcss-datepicker" with "react-tailwindcss-datepicker": "1.7.3" this. then run npm i

[onesine]

Hi @seldi-Jaehun,
The latest version (1.7.4) is not backwards compatible with React 18. So, to use it, you need to upgrade from React 18 to React 19. If you want to use React 18 on your project, you'll need to install version 1.7.3. The documentation has been updated for this purpose. For more details, click here.

at first remove node-modules and package-lock.json and replace "react-tailwindcss-datepicker" with "react-tailwindcss-datepicker": "1.7.3" this. then run npm i

You can follow @rezvee99's suggestion to solve your problem