Package path ./dist/react-datepicker.css is not exported from package

[maiconfluency]

"react-datepicker": "^8.1.0",

[balajis-qb]

Hi @maiconfluency ,

I couldn't able to reproduce the mentioned issue. I tried installing the recent version (v 8.1.0) of the package and it's working fine for me. Can you try uninstalling and reinstalling the package.

[oh-dev-life]

I am facing this issue also

[Karabur]

Have the same with Next v12
The problem is that it does not recognize wildcard in react-datepicker's package.json exports field.
My guess is that Next is old, and probably either Webpack itself is also old or Webpack's default configuration has that issue.

For now, I've solved by copying react-datepicker.css to my project and importing locally.

[maiconfluency]

Have the same with Next v12 The problem is that it does not recognize wildcard in react-datepicker's package.json exports field. My guess is that Next is old, and probably either Webpack itself is also old or Webpack's default configuration has that issue.

For now, I've solved by copying react-datepicker.css to my project and importing locally.

i have the same problem but with next v11. Now I am using react-datepicker v5. It is not possible to build with v7.

[OwnerOfThisIsle]

+1

[ludovers]

+1

[Anvarmirzo]

+1

[likeuwill]

+1 React 18.3.1

[muhib-dev]

Same problem with Next v12

[laerdal-erik-martirosyan]

+1 React 19

[Ethorsen]

Same problem with Yarn 4.x

Issue might be that Yarn PnP does not yet support wildcards properly in module exports?
Or might have to do with webpack css-loader.

 {                                                                    
   "exports": {                                                       
     ".": { /* main entry */ },                                       
     "./dist/*.css": "./dist/*.css",                                  
     "./src/stylesheets/*.scss": "./src/stylesheets/*.scss"           
   }                                                                  
 }                   

I think for this to work on Yarn PnP, they would need to provide explicit exports.

ex.

 {                                                                                    
   "exports": {                                                                       
     "./dist/react-datepicker.css": "./dist/react-datepicker.css",                    
     "./dist/react-datepicker.min.css": "./dist/react-datepicker.min.css",            
     "./dist/react-datepicker.module.css": "./dist/react-datepicker.module.css"       
   }                                                                                  
 }                 

[Aluisio]

I'm having the same problem after updating Storybook.
I'm using npm.
More details at: #5835