browserlist, TypeError: Class constructor "Component" cannot be invoked without 'new'

[welldone-software]

browserlist, TypeError: Class constructor "Component" cannot be invoked without 'new'

[frederikhors]

After several tests, I finally understood what is happening.

If in my package.json I use the new CRA 3 default below:

"browserslist": {
  "production": [
    ">0.2%",
    "not dead",
    "not op_mini all"
  ],
  "development": [
    "last 1 chrome version",
    "last 1 firefox version",
    "last 1 safari version"
  ]
}

deleting before npm start the node_modules/.cache folder it doesn't work!

Re-deleting .cache folder with your below browserlist in package.json it works!

  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]

did you try "@welldone-software/why-did-you-render" before?

yes of course

[ljosberinn]

From what I can tell, this is not related to why-did-you-render at all but a regular javascript TypeError.

[frederikhors]

Everything else works good.

[vzaidman]

did you try "@welldone-software/why-did-you-render" before?

[vzaidman]

what is Navbar?

[vzaidman]

create-react-app 3 and wdyr works together:
https://codesandbox.io/s/8ylmw38rl

[frederikhors]

@vzaidman, why did you close? There is still a problem.

[vzaidman]

oh i thought you said "it works"

[vzaidman]

whats your current browser list? how do you import wdyr? what component are you using it on?

[vzaidman]

@frederikhors as far as i know it should work. we have tests that verify these scenarios. there are, however, some serious issues with browserlist cache that are not related to the project.

please do the following:

• change broserlist and babel config according to your need
• delete node_modules/.cache
• re-run

if the issue remains, you are free to reopen this issue and specify:

• your current .browserlistrc
• your babel config
• how do you import wdyr
• how do you use it and on what component