Getting this error on our App

[jukkahuuskonen]

Hi,

Is this supposed to 'just work out of box' like react-dev-tools? I am getting the following error message on our app. Your demo calculator works fine. Any ideas about this? We are using react-redux and I've started to experiment with recoil and the stuff I've converted to recoil work fine but Reactime doesn't show anything.

And the extension looks like this:

[SanjayLavingia]

Hi @jukkahuuskonen, thanks for submitting this issue. The extension is supposed to work out-of-the-box with no additional set up beyond installation via the chrome store. Just to be clear, did this issue occur in a project that is using Recoil? If so, would you be able to provide the Recoil version your project is using?

Thank you!

[jukkahuuskonen]

Thank you for the reply. I knew this was kind of a long shot since I'm not able to share the code, due to company policy.

In any case, here is our pacakge.json -file so you can check if there are perhaps some known issues with some of the node modules.

{
  "name": "react-ui-kits",
  "version": "1.5.0",
  "private": true,
  "repository": "git@github.com:navigil/react-ui-kits.git",
  "author": "Navigil Developers",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "deploy": "bash deploy.sh",
    "lint:check": "eslint src --ext=js,jsx",
    "lint:fix": "eslint src --ext=js,jsx --fix"
  },
  "dependencies": {
    "@material-ui/core": "4.9.13",
    "@material-ui/icons": "4.5.1",
    "@react-google-maps/api": "1.8.1",
    "aws-amplify": "2.2.2",
    "aws-amplify-react": "3.1.3",
    "aws-sdk": "2.601.0",
    "awsmobile-cli": "1.1.7",
    "camelize": "1.0.0",
    "change-case": "3.1.0",
    "chartist": "0.10.1",
    "classnames": "2.2.6",
    "date-fns": "2.9.0",
    "devextreme": "20.1.7",
    "devextreme-react": "20.1.7",
    "email-validator": "2.0.4",
    "eslint-plugin-react-hooks": "2.3.0",
    "file-saver": "2.0.2",
    "formik": "^2.1.4",
    "hex-to-rgba": "2.0.1",
    "history": "4.7.2",
    "intl": "1.2.5",
    "jss": "9.8.7",
    "lodash": "4.17.11",
    "match-sorter": "4.0.2",
    "moment": "2.22.2",
    "moment-timezone": "0.5.23",
    "namor": "1.1.3",
    "node-sass": "4.12.0",
    "notistack": "0.9.11",
    "nouislider": "13.1.0",
    "perfect-scrollbar": "1.4.0",
    "prop-types": "15.7.2",
    "query-string": "6.7.0",
    "react": "16.14.0",
    "react-big-calendar": "0.20.3",
    "react-bootstrap-sweetalert": "4.4.1",
    "react-chartist": "0.13.3",
    "react-checkbox-tree": "1.5.1",
    "react-datepicker": "2.9.6",
    "react-debounce-input": "3.2.2",
    "react-device-detect": "1.13.1",
    "react-dom": "16.14.0",
    "react-icons": "3.8.0",
    "react-intl": "3.9.1",
    "react-is": "^16.13.1",
    "react-json-view": "1.19.1",
    "react-jss": "8.6.1",
    "react-jvectormap": "0.0.6",
    "react-multi-email": "0.5.3",
    "react-redux": "7.2.1",
    "react-router-dom": "5.2",
    "react-scripts": "3.4.3",
    "react-select": "3.0.8",
    "react-swipeable-views": "0.13.1",
    "react-table": "7.0.0-rc.16",
    "react-table-6": "6.11.0",
    "react-tagsinput": "3.19.0",
    "react-virtualized": "9.21.2",
    "recharts": "2.0.0-beta.6",
    "recoil": "^0.0.13",
    "recoilize": "^0.8.0",
    "recompose": "0.30.0",
    "redux": "4.0.5",
    "redux-logger": "3.0.6",
    "redux-thunk": "2.3.0",
    "source-map-explorer": "2.1.0",
    "styled-components": "5.1.0",
    "styled-theming": "2.2.0",
    "yup": "0.28.0"
  },
  "devDependencies": {
    "@babel/core": "7.0.0",
    "@babel/plugin-proposal-class-properties": "7.5.5",
    "@babel/preset-env": "7.1.0",
    "@babel/preset-react": "7.0.0",
    "@testing-library/jest-dom": "4.0.0",
    "@testing-library/react": "9.1.1",
    "add": "2.0.6",
    "babel-cli": "6.26.0",
    "babel-eslint": "10.1.0",
    "eslint": "6.2.2",
    "eslint-config-airbnb": "18.0.1",
    "eslint-config-prettier": "6.1.0",
    "eslint-config-react-app": "5.0.1",
    "eslint-plugin-import": "2.18.2",
    "eslint-plugin-jsx-a11y": "6.2.3",
    "eslint-plugin-prettier": "3.1.0",
    "eslint-plugin-react": "7.14.3",
    "eslint-plugin-react-hooks": "2.3.0",
    "jest-cli": "24.9.0",
    "jest-fetch-mock": "2.1.2",
    "node-sass": "4.12.0",
    "prettier": "1.19.1",
    "redux-devtools-extension": "2.13.8",
    "source-map-explorer": "2.1.0"
  },
  "optionalDependencies": {
    "@types/googlemaps": "3.30.16",
    "@types/markerclustererplus": "2.1.33",
    "ajv": "6.9.1"
  },
  "babel": {
    "presets": [
      "@babel/preset-env",
      "@babel/preset-react"
    ],
    "plugins": [
      "@babel/plugin-proposal-class-properties"
    ]
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

I have to try and start cutting the app apart, to see if something fixes the problem. If there is nothing problematic in that package.json, you can just close this issue. If I find the source of the problem, I'll create an other issue about it.

[lind-tania]

hi, you can try the new version of Reactime, it's running only in development mode. Type error bugs were fixed.