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 react-tailwindcss-datepicker@1.7.3

i use this command and its work properly.

[rezvee99]

@rezvee99

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

run this command npm i react-tailwindcss-datepicker@1.7.3
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 react-tailwindcss-datepicker@1.7.3 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

[Seema-Signity]

In my case, updating the library did not work, so I removed it and used HTML5 for the date picker instead.

[onesine]

How did you do the update?