title: How do I delay an animation in gsap for react
body: <p>I am trying to delay animation at the beginning in gsap, it plays immediately it downloads, this is my first time using gsap. I tried adding pause but it didn't do anything,  not sure if I am using it wrongly .Below is the code for what I tried out, the animation works but i have tried pause and it doesnt.</p>
  <pre><code>class About extends Component {
    constructor(props) {
      super(props);
      this.header = React.createRef();
      
    }
  
    componentDidMount() {
      const tl = gsap.timeline({ 
          paused: true
        });
      gsap.from(this.header.current, 0.7, {
        translateY: 80,
        ease: &quot;power2.out&quot;,
        autoAlpha: 0,
      });
  
      
    }
  
   render() {
      return (
  &lt;div className=&quot;caption&quot;&gt;
                    &lt;h3 className=&quot;header&quot; ref={this.header}&gt;
                      Get to Know &lt;span&gt;Us&lt;/span&gt;
                      &lt;Circle className=&quot;circle&quot; /&gt;
                    &lt;/h3&gt;
                    &lt;p className=&quot;body&quot; ref={this.words}&gt;
                      We offer you the flexibility to receive and send money using
                      cash transfers.
                    &lt;/p&gt;
  )
  }
  }
  </code></pre>