CODEWITHSUNDEEP
javascriptreactjsreduxnext.jsreact-devtools
Zhivko Nikolov
Zhivko Nikolov

Reputation: 170

Next.js TypeError: Cannot set properties of undefined (setting 'hook')

This error just "explodes" when starting the app or just update the redux state sometimes it do not shows for few state updates, but for some reason it appears all along the app

What I tried:

One screenshot of the TypeError:

1

Here is my package.json

  {
  "name": "something-admin",
  "private": true,
  "scripts": {
    "dev": "next dev -p 3000",
    "start": "next start",
    "lint": "next lint",
    "build:export": "next build && next export -o build/"
  },
  "dependencies": {
    "@date-io/date-fns": "^1.3.13",
    "@material-ui/core": "^4.11.2",
    "@material-ui/icons": "^4.11.2",
    "@material-ui/pickers": "^3.3.10",
    "@reduxjs/toolkit": "1.8.3",
    "@zeit/next-sass": "^1.0.1",
    "antd": "^4.5.2",
    "axios": "^0.21.4",
    "bootstrap": "^4.5.3",
    "chart.js": "^2.9.4",
    "classnames": "^2.2.6",
    "cookie": "^0.4.1",
    "customize-cra": "^1.0.0",
    "date-fns": "^2.28.0",
    "draft-js": "^0.11.7",
    "draftjs-to-html": "^0.9.1",
    "es6-promise": "^4.2.8",
    "firebase": "^8.2.1",
    "history": "^4.10.1",
    "i18next": "^19.8.4",
    "immutability-helper": "^3.1.1",
    "js-cookie": "^2.2.1",
    "jsonwebtoken": "^8.5.1",
    "lodash": "^4.17.20",
    "lodash.range": "^3.2.0",
    "mdi-react": "^7.4.0",
    "moment": "^2.29.1",
    "next": "^11.1.0",
    "next-compose-plugins": "^2.2.0",
    "next-images": "^1.3.0",
    "next-optimized-images": "^2.6.2",
    "next-redux-saga": "^4.1.2",
    "next-redux-wrapper": "^6.0.2",
    "next-routes": "^1.4.2",
    "node-sass": "^4.14.1",
    "polished": "^4.0.5",
    "postcss": "^8.3.6",
    "prop-types": "^15.7.2",
    "rc-notification": "^4.5.4",
    "rc-slider": "^8.7.1",
    "rc-time-picker": "^3.7.3",
    "rc-tooltip": "^5.0.1",
    "react": "^17.0.2",
    "react-beautiful-dnd": "^13.0.0",
    "react-big-calendar": "^0.38.0",
    "react-chartjs-2": "^2.11.1",
    "react-color": "^2.19.3",
    "react-cookie": "^4.0.3",
    "react-csv": "^2.0.3",
    "react-custom-scrollbars": "^4.2.1",
    "react-datepicker": "^4.3.0",
    "react-device-detect": "^1.15.0",
    "react-dom": "^17.0.2",
    "react-dotdotdot": "^1.3.1",
    "react-draft-wysiwyg": "^1.14.7",
    "react-dropzone": "^11.2.4",
    "react-facebook-login": "^4.1.1",
    "react-google-login": "^5.2.2",
    "react-highlight-words": "^0.16.0",
    "react-hook-form": "^7.9.0",
    "react-i18next": "^11.8.4",
    "react-image-lightbox": "^5.1.1",
    "react-images": "^1.1.0-beta.3",
    "react-intl": "^5.20.4",
    "react-lazyload": "^2.6.5",
    "react-redux": "^7.2.6",
    "react-router": "^5.2.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "^4.0.1",
    "react-scroll": "^1.8.1",
    "react-select": "^3.1.1",
    "react-slick": "^0.27.12",
    "react-smooth-scrollbar": "^8.0.6",
    "react-syntax-highlighter": "^15.4.3",
    "react-table": "^7.6.3",
    "react-text-mask": "^5.4.3",
    "react-toastify": "^8.1.0",
    "react-vis": "^1.11.7",
    "reactstrap": "^8.7.1",
    "recharts": "^1.8.5",
    "recompose": "^0.30.0",
    "redux": "^4.0.4",
    "redux-actions": "^2.6.5",
    "redux-devtools-extension": "^2.13.8",
    "redux-form": "^8.3.7",
    "redux-persist": "^6.0.0",
    "slick-carousel": "^1.8.1",
    "smooth-scrollbar": "^8.5.3",
    "text-mask-addons": "^3.8.0"
  },
  "devDependencies": {
    "@svgr/webpack": "^5.5.0",
    "eslint": "7",
    "eslint-config-next": "12.0.2"
  }
}

Upvotes: 2

Views: 3225

Answers (1)

Zhivko Nikolov
Zhivko Nikolov

Reputation: 170

update

The problem was coming from "rc-notification" For some reason the lib was throwing it all over removing the lib fixed the problem

Upvotes: 3

Related Questions