ReactJS With Typescript and GSAP repeat not working

[Mateus Machado]

import React, { Component, RefObject, createRef } from 'react';

import { render } from 'react-dom';

import './style.css';

import { TweenLite } from "gsap";

 

interface AppProps {}

interface AppState {}

 

class App extends Component<AppProps, AppState> {

constructor(props) {

super(props);

this.box = null;

}

 

box: HTMLDivElement;

 

componentDidMount() {

TweenLite.to(this.box, 1, {yPercent:100, repeat:-1, yoyo:true});

}

 

render() {

return (

<div>

<h1>GSAP & React, with typescript sample</h1>

<div className="box"

ref={e => this.box = e}

></div>

</div>

);

}

}

 

render(<App />, document.getElementById('root'));

[GreenSock]

TweenLite doesn't recognize "repeat" or "yoyo" - those are TweenMax-only features (or TimelineMax). If you just switch TweenMax in for TweenLite, you should be golden. 

[Mateus Machado]

1 hour ago, GreenSock said:

O TweenLite não reconhece "repeat" ou "yoyo" - esses são recursos somente do TweenMax (ou TimelineMax). Se você simplesmente trocar o TweenMax por TweenLite, você deve ser de ouro. 

Thank you, it helped a lot.