How to use react-datepicker in remix.run

[hencework]

When I use this react-datepicker package with remix.run framework I got the error :

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
at renderElement (/media/prem/New Volume/MyProject/Resources/Remix resources/remix-test/my-remix-temp/node_modules/react-dom/cjs/react-dom-server.node.development.js:6109:9)
at renderNodeDestructiveImpl (/media/prem/New Volume/MyProject/Resources/Remix resources/remix-test/my-remix-temp/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
at renderNodeDestructive (/media/prem/New Volume/MyProject/Resources/Remix resources/remix-test/my-remix-temp/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
at renderNode (/media/prem/New Volume/MyProject/Resources/Remix resources/remix-test/my-remix-temp/node_modules/react-dom/cjs/react-dom-server.node.development.js:6325:12)
at renderHostElement (/media/prem/New Volume/MyProject/Resources/Remix resources/remix-test/my-remix-temp/node_modules/react-dom/cjs/react-dom-server.node.development.js:5708:3)
at renderElement (/media/prem/New Volume/MyProject/Resources/Remix resources/remix-test/my-remix-temp/node_modules/react-dom/cjs/react-dom-server.node.development.js:6018:5)
at renderNodeDestructiveImpl (/media/prem/New Volume/MyProject/Resources/Remix resources/remix-test/my-remix-temp/node_modules/react-dom/cjs/react-dom-server.node.development.js:6170:11)
at renderNodeDestructive (/media/prem/New Volume/MyProject/Resources/Remix resources/remix-test/my-remix-temp/node_modules/react-dom/cjs/react-dom-server.node.development.js:6142:14)
at renderNode (/media/prem/New Volume/MyProject/Resources/Remix resources/remix-test/my-remix-temp/node_modules/react-dom/cjs/react-dom-server.node.development.js:6325:12)
at renderHostElement (/media/prem/New Volume/MyProject/Resources/Remix resources/remix-test/my-remix-temp/node_modules/react-dom/cjs/react-dom-server.node.development.js:5708:3)

[NejcZdovc]

this worked for me

import ReactDatePicker from 'react-datepicker'

// @ts-expect-error otherwise it doesn't work
const DatePicker = ReactDatePicker.default

[zoynulabedin]

import stylesheet from "~/tailwind.css";
import datepicker from "react-datepicker/dist/react-datepicker.css";
export const links: LinksFunction = () => [
{ rel: "stylesheet", href: stylesheet },
{ rel: "stylesheet", href: datepicker },
];

[vinor228]

for what we need this, and were?

[javierfuentesm]

does this work in vite for you @zoynulabedin ?

[ornakash]

It doesn't work for me with Remix (vite)

[javierfuentesm]

I had to migrate to another library