react-datepicker
react-datepicker copied to clipboard
Compiled with a lot of warnings
Describe the bug Hey I recently installed react-datepicker version v8.2.1 and my console is filled with warnings while developing, it's showing that it's compiled with warnings. If you look at the console you'd see that it's trying to find files such as /src/calendar.tsx, when I checked the installed node-modules there these files don't exist either. I am using an nx monorepo for a react application where the react version is v18.3.1
Screenshots
Desktop (please complete the following information):
- OS: MacOS
- Browser: Chrome
json``` { "author": "HackerOne", "name": "react-datepicker", "description": "A simple and reusable datepicker component for React", "version": "8.2.1", "license": "MIT", "homepage": "https://github.com/Hacker0x01/react-datepicker", "main": "dist/index.js", "types": "dist/index.d.ts", "module": "dist/index.es.js", "unpkg": "dist/react-datepicker.min.js", "style": "dist/react-datepicker.min.css", "exports": { ".": { "import": { "types": "./dist/index.d.ts", "default": "./dist/index.es.js" }, "require": { "types": "./dist/index.d.ts", "default": "./dist/index.js" } }, "./dist/.css": "./dist/.css" }, "files": [".md", "dist", "lib", "es", "src/stylesheets"], "sideEffects": ["**/.css"], "keywords": ["react", "datepicker", "calendar", "date", "react-component"], "repository": { "type": "git", "url": "git://github.com/Hacker0x01/react-datepicker.git" }, "bugs": { "url": "https://github.com/Hacker0x01/react-datepicker/issues" }, "devDependencies": { "@babel/core": "^7.26.7", "@babel/eslint-parser": "^7.26.5", "@babel/helpers": "^7.26.7", "@babel/plugin-external-helpers": "^7.25.9", "@babel/plugin-proposal-class-properties": "^7.18.6", "@babel/preset-env": "^7.26.7", "@babel/preset-react": "^7.26.3", "@babel/preset-typescript": "^7.26.0", "@eslint/js": "^9.19.0", "@react-docgen/cli": "^2.0.6", "@rollup/plugin-babel": "^6.0.4", "@rollup/plugin-commonjs": "^28.0.2", "@rollup/plugin-node-resolve": "^16.0.0", "@rollup/plugin-terser": "^0.4.4", "@rollup/plugin-typescript": "^12.1.2", "@testing-library/dom": "^10.4.0", "@testing-library/react": "^16.2.0", "@testing-library/user-event": "14.6.1", "@types/eslint": "^9.6.1", "@types/jest": "^29.5.14", "@types/node": "22.13.5", "@types/react": "^19.0.8", "@types/react-dom": "^19.0.3", "@typescript-eslint/eslint-plugin": "^8.22.0", "@typescript-eslint/parser": "^8.22.0", "axe-core": "^4.10.2", "babel-jest": "^29.7.0", "babel-plugin-transform-react-remove-prop-types": "^0.4.24", "core-js": "^3.40.0", "eslint": "^9.19.0", "eslint-config-prettier": "^10.0.1", "eslint-plugin-import": "^2.31.0", "eslint-plugin-jest": "^28.11.0", "eslint-plugin-react": "^7.37.4", "eslint-plugin-react-hooks": "^5.1.0", "eslint-plugin-unused-imports": "^4.1.4", "husky": "9.1.7", "jest": "^29.7.0", "jest-canvas-mock": "^2.5.2", "jest-environment-jsdom": "^29.7.0", "lint-staged": "^15.4.3", "lodash": "^4.17.21", "prettier": "^3.4.2", "react": "^19.0.0", "react-dom": "^19.0.0", "rollup": "^4.32.1", "rollup-plugin-filesize": "^10.0.0", "sass": "1.85.1", "slugify": "^1.6.6", "stylelint": "^16.14.1", "stylelint-config-standard": "^37.0.0", "stylelint-config-standard-scss": "^14.0.0", "stylelint-scss": "^6.11.0", "ts-jest": "^29.2.5", "tslib": "^2.8.1", "typescript": "^5.7.3", "typescript-eslint": "^8.22.0" }, "peerDependencies": { "react": "^16.9.0 || ^17 || ^18 || ^19 || ^19.0.0-rc", "react-dom": "^16.9.0 || ^17 || ^18 || ^19 || ^19.0.0-rc" }, "dependencies": { "@floating-ui/react": "^0.27.3", "clsx": "^2.1.1", "date-fns": "^4.1.0" }, "scripts": { "eslint": "eslint ./src", "precommit": "lint-staged --allow-empty", "sass-lint": "stylelint 'src/stylesheets/.scss'", "lint": "yarn run eslint && yarn run sass-lint", "prettier": "prettier --write '**/.{js,jsx,ts,tsx}'", "prettier:check": "prettier --check '**/.{js,jsx,ts,tsx}'", "start": "yarn --cwd docs-site install && yarn --cwd docs-site start", "test": "NODE_ENV=test jest", "test:ci": "NODE_ENV=test jest --ci --coverage", "test:watch": "NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=test jest --watch", "build": "NODE_ENV=production yarn run build:src && NODE_ENV=production yarn run css:prod && NODE_ENV=production yarn run css:modules:prod && NODE_ENV=production yarn run css:dev && NODE_ENV=production yarn run css:modules:dev", "build-dev": "NODE_ENV=development yarn run js:dev && NODE_ENV=development yarn run css:dev && NODE_ENV=development yarn run css:modules:dev", "css:prod": "sass --style compressed src/stylesheets/datepicker.scss > dist/react-datepicker.min.css", "css:modules:prod": "sass --style compressed src/stylesheets/datepicker-cssmodules.scss | tee dist/react-datepicker-cssmodules.min.css dist/react-datepicker-min.module.css", "css:dev": "sass --style expanded src/stylesheets/datepicker.scss > dist/react-datepicker.css", "css:modules:dev": "sass --style expanded src/stylesheets/datepicker-cssmodules.scss | tee dist/react-datepicker-cssmodules.css dist/react-datepicker.module.css", "type-check": "tsc --project tsconfig.build.json --noEmit", "type-check:watch": "npm run type-check -- --watch", "build:src": "rollup -c", "js:dev": "rollup -cw", "prepare": "husky" }, "lint-staged": { ".{js,jsx,ts,tsx,json,css,scss,md}": ["prettier --write", "git add"] }, "packageManager": "[email protected]" }
For some additional context. I'm bundling my nx project with webpack. I tried installing the same in a vite based project there I'm not getting the same issue!!
Webpack is a must for my project.
+1 I'm seeing this issue on version v8.3.0
Also seeing this issue on version v8.4.0 It is causing issues with out CD/CI pipeline since warnings are considered failures for us