Hot-Reload fails with “Unexpected token '['. Expected opening '{' at the start of a class body.”

[MilanDeruelle]

Hi!
I'm having some trouble with chakra-ui in combination with react-hot-loader.
I've posted a stackoverflow question describing the issue. Any help/input would be greatly appreciated or in case this is actually a bug, I'd gladly file a real bug-report.

[theKashey]

Sounds like this moment is causing the problem -

react-hot-loader/src/proxy/utils.js

Line 35 in 6032f42

return class ${InitialParent.name || 'HotComponent'} extends InitialParent {

We are trying to create a component with the same name as you have, however a lot of HOC produces a name, which is not "js friendly".

• It's not a bug for "good citizens" as they use .displayName, not name
• It's a bug for the functionality which modifies .name, while it should not

It can be solved on RHL side, but please find the root cause, the functionality which generates the incorrect name and open an issue for them as well.