Problem when clean install

[tomherbin]

There has been updates of multiple packages. When I clean install packages, I have to fix some dependencies incompatibilities, then I got a forbid-prop-types error in three differents places. Finally when I fix those error by ignoring or adding type precisions (arrayOf) in files concerned, I got error on charts rendering.

Errors messages joined to that issue.

Do you have some advice to give us ?

PropTypes error :

Rendering error :

Package.json : "dependencies": { "@asseinfo/react-kanban": "^2.1.0", "@date-io/moment": "^2.11.0", "@emotion/cache": "^11.4.0", "@emotion/react": "^11.4.1", "@emotion/styled": "^11.3.0", "@fullcalendar/core": "^5.10.1", "@fullcalendar/daygrid": "^5.9.0", "@fullcalendar/interaction": "^5.9.0", "@fullcalendar/react": "^5.9.0", "@fullcalendar/timegrid": "^5.9.0", "@mui/icons-material": "^5.0.0-rc.1", "@mui/lab": "^5.0.0-alpha.53", "@mui/material": "^5.0.6", "@mui/styled-engine": "^5.0.0-rc.0", "@mui/styles": "^5.0.0-rc.1", "@mui/x-data-grid": "^4.0.1", "@pathofdev/react-tag-input": "^1.0.7", "@react-leaflet/core": "1.0.2", "@react-pdf/renderer": "1.6.17", "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", "axios": "^0.24.0", "chart.js": "^3.4.1", "chroma-js": "^2.1.2", "clsx": "^1.1.1", "date-fns": "^2.28.0", "date-fns-tz": "^1.2.2", "dropzone": "^5.9.2", "exif-js": "^2.3.0", "exif2css": "^1.3.0", "flatpickr": "^4.6.9", "formik": "^2.2.9", "i18next": "^21.5.4", "i18next-browser-languagedetector": "^6.1.2", "jss": "^10.7.1", "jss-rtl": "^0.3.0", "jwt-decode": "^3.1.2", "leaflet": "^1.7.1", "moment": "^2.29.1", "prop-types": "^15.7.2", "react": "^17.0.2", "react-chartjs-2": "^3.0.4", "react-circular-slider-svg": "^0.1.5", "react-countup": "^5.2.0", "react-dom": "^17.0.2", "react-flatpickr": "^3.10.7", "react-github-btn": "^1.2.1", "react-hook-form": "^7.19.4", "react-html-parser": "^2.0.2", "react-i18next": "^11.14.3", "react-images-viewer": "^1.6.7", "react-leaflet": "3.2.5", "react-quill": "^2.0.0-beta.2", "react-router-dom": "^5.2.0", "react-scripts": "4.0.3", "react-select": "^4.3.1", "react-table": "^7.7.0", "react-tilty": "^2.0.1", "react-toastify": "^8.1.0", "stylis": "^4.0.10", "stylis-plugin-rtl": "^2.1.0", "sweetalert2": "^11.1.2", "three": "0.121.1", "uuid": "^8.3.2", "web-vitals": "^1.0.1", "yup": "^0.32.9" },

[shawncutter]

I was not able to get it working before and you got it further than I did. Let me see if i can get it to that point and figure anything else out.

[sajadevo]

There has been updates of multiple packages. When I clean install packages, I have to fix some dependencies incompatibilities, then I got a forbid-prop-types error in three differents places. Finally when I fix those error by ignoring or adding type precisions (arrayOf) in files concerned, I got error on charts rendering.

Errors messages joined to that issue.

Do you have some advice to give us ?

PropTypes error :

Rendering error :

Package.json : "dependencies": { "@asseinfo/react-kanban": "^2.1.0", "@date-io/moment": "^2.11.0", "@emotion/cache": "^11.4.0", "@emotion/react": "^11.4.1", "@emotion/styled": "^11.3.0", "@fullcalendar/core": "^5.10.1", "@fullcalendar/daygrid": "^5.9.0", "@fullcalendar/interaction": "^5.9.0", "@fullcalendar/react": "^5.9.0", "@fullcalendar/timegrid": "^5.9.0", "@mui/icons-material": "^5.0.0-rc.1", "@mui/lab": "^5.0.0-alpha.53", "@mui/material": "^5.0.6", "@mui/styled-engine": "^5.0.0-rc.0", "@mui/styles": "^5.0.0-rc.1", "@mui/x-data-grid": "^4.0.1", "@pathofdev/react-tag-input": "^1.0.7", "@react-leaflet/core": "1.0.2", "@react-pdf/renderer": "1.6.17", "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", "axios": "^0.24.0", "chart.js": "^3.4.1", "chroma-js": "^2.1.2", "clsx": "^1.1.1", "date-fns": "^2.28.0", "date-fns-tz": "^1.2.2", "dropzone": "^5.9.2", "exif-js": "^2.3.0", "exif2css": "^1.3.0", "flatpickr": "^4.6.9", "formik": "^2.2.9", "i18next": "^21.5.4", "i18next-browser-languagedetector": "^6.1.2", "jss": "^10.7.1", "jss-rtl": "^0.3.0", "jwt-decode": "^3.1.2", "leaflet": "^1.7.1", "moment": "^2.29.1", "prop-types": "^15.7.2", "react": "^17.0.2", "react-chartjs-2": "^3.0.4", "react-circular-slider-svg": "^0.1.5", "react-countup": "^5.2.0", "react-dom": "^17.0.2", "react-flatpickr": "^3.10.7", "react-github-btn": "^1.2.1", "react-hook-form": "^7.19.4", "react-html-parser": "^2.0.2", "react-i18next": "^11.14.3", "react-images-viewer": "^1.6.7", "react-leaflet": "3.2.5", "react-quill": "^2.0.0-beta.2", "react-router-dom": "^5.2.0", "react-scripts": "4.0.3", "react-select": "^4.3.1", "react-table": "^7.7.0", "react-tilty": "^2.0.1", "react-toastify": "^8.1.0", "stylis": "^4.0.10", "stylis-plugin-rtl": "^2.1.0", "sweetalert2": "^11.1.2", "three": "0.121.1", "uuid": "^8.3.2", "web-vitals": "^1.0.1", "yup": "^0.32.9" },

Hi @tomherbin, Thanks for using our product please add the following rule to the .eslintrc.json file on the rules object.

"react/forbid-prop-types": "off"

Note: To get the latest updates and supports for the products and other related things to Creative Tim please join our Discord Community.

All the best, Sajad
 React Developer @ Creative-Tim.com

[sajadevo]

I was not able to get it working before and you got it further than I did. Let me see if i can get it to that point and figure anything else out.

Hi @shawncutter

Could you please tell me what's wrong so that I can assist you with-in a better way.

Note: To get the latest updates and supports for the products and other related things to Creative Tim please join our Discord Community.

All the best, Sajad
 React Developer @ Creative-Tim.com

[decisao]

Hello!

npm dedupe && npm i && npm run build

This solve this issue, however, creative-tim team needs to avoid use duplicate dependencies and version conflicts before launch a product (or a new release).

Best regards, Elieser