React + GSAP -> Animation doesn't work with Build production

Is this a bug report?

Maybe Yes? || A doubt :)

Did you try recovering your dependencies?

Which terms did you search for in User Guide?

Yarn Build: Animation Failing

Environment

npx create-react-app gsapApp

package.json


"homepage": ".",
"dependencies": {
  "gsap": "^2.0.2",
  "react": "^16.6.0",
  "react-dom": "^16.6.0",
  "react-scripts": "^2.0.5"
},
"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test --env=jsdom",
  "eject": "react-scripts eject"
},
"devDependencies": {},
"browserslist": [
  ">0.2%",
  "not dead",
  "not ie <= 11",
  "not op_mini all"
]

manifest.json


"start_url": "."

Steps to Reproduce

When running the project with the server with react-scripts start, the animation runs perfectly. : D
However ... when creating the bundle for production, using the react-scripts build command the animation simply does not work: :'(
I'll provide the code below to show it happening

Expected Behavior

That the animation works normally

Actual Behavior

Animation does not happen. In the video below: 1) On the Left: project running with yarn start, adding 2 seconds of delay to view a console along with animation start. 2) On the Right: project running on a static server withe the build folder after run yarn build. The console after 2 seconds runs, the animation does not.

react gsap

Reproducible Demo

App.js


import React, { Component } from 'react';
import { TweenLite } from 'gsap/all';

class App extends Component {

  componentDidMount() {
    setTimeout(() => {
      console.log('animate init', true)
      TweenLite.to(this.myPRef, 2, {
        x: 200
      })
    }, 2000)
  }

  render() {
    return (
      <p ref={ref => this.myPRef = ref}>React + GSAP</p>
    );
  }
}

export default App;

Any idea? :)

p.s: I'll post this behavior also on GSAP's and facebook/create-react-app's Github, to see if this could be a GSAP or Build with CRA bundle-related issue.

Thanks for the help, Alex.

facebook / react

React + GSAP -> Animation doesn't work with Build production #14009