Refering to static property's within static property's of a React Class gives error

[jamaldewitte]

Hi, upon using codesandbox I found the following issue:

Code:

class Example extends React.Component {
  static hello = "__hello__"
 static hi = Example.hello

render() {
return <div> Example </div> }
}

Expected: static hito be equal to '__hello__'
Result: _TypeError. Cannot read property 'hello' of undefined

Kind regards,

Jamal

[lbogdan]

Hey @jamaldewitte , thanks for your report, and sorry for the "small" delay! 🙂

So, this is an interesting one. I could trace it back to "Class properties work differently with transform-decorators-legacy", and it's caused by transform-decorators-legacy coming before transform-class-properties. That was changed in #154 to fix #151 , and it's also recommended by transform-decorators-legacy documentation. As the issue is still opened, I don't think we currently have a solution for this.

@CompuIves Any idea?

[CompuIves]

This is a hard one. Our new template has one difference with CRA, which is that we support decorators. We released with this support and I realized this too late to remove it from the template. As I understand this is the cause of the error, having decorator support and class transform, right?

If that's the case there's not much that we can do currently except for waiting for either:

1. Create React App v2
2. A fix in the issue mentioned by @lbogdan

A third option would be to remove decorators from new, but this would break existing sandboxes relying on it.

[SaraVieira]

This is now fixed in CRA v2

https://codesandbox.io/s/041q2oox20

🎉