this is undefined in production but not dev mode

[sotojuan]

We have an app that we ported over to this CLI tool and it works perfectly in development mode. However, if we run the build folder in a server (using pushstate-server) we get:

Uncaught TypeError: Cannot read property 'props' of undefined

The component is simple:

class AuthLayout extends React.Component {
  render() {
    return (
      <div id="auth-layout">
        <div id="auth-content">
          <this.props.views.content />
        </div>
      </div>
    )
  }
}

Like I said, this works great in dev mode. Why not in production?

[gaearon]

This might be a bug in babel-plugin-transform-react-constant-elements.
Can you comment it out in react-scripts/config/babel.prod.js and see if that fixes it?
If it does, we should file a bug against Babel.

[gaearon]

(Temporary fix is likely to write var Content = this.props.view.content and then use <Content /> instead.)

[insin]

It's a bug with the transform: https://phabricator.babeljs.io/T7494

[sotojuan]

@gaearon Yup, that was it. If I remove it, it works! Closing.