GSAP 3 ES6 + Typescript question

[martis 32 Likes (Newbie)]

Hi all,

 

I installed 3.0.1 and am having some issues importing while using Typescript.

 

import { gsap } from "gsap";

 

[ts] Module '"gsap"' has no exported member 'gsap'.
import gsap

 

I was previously using @types/gsap. Do I need to update these definitions somewhere?

Thanks!

[ZachSaucier 7,061 Likes (Superhero)]

14 minutes ago, martis said:

I am using TypeScript and was previously using @types/gsap. Do I need to update these definitions somewhere?

GSAP's official TypeScript definitions should be included in your import by default. They are still a work in progress though, so we'd love your help in improving them!

[martis 32 Likes (Newbie)]

Ok removing my old types seemed to of worked. Lemme see if I can get things typed correctly

 

This is working...

 

const tl = React.useRef<GSAPStatic.Timeline>();
tl.current = gsap.timeline({ paused: true });

How does importing easing look like in 3.0?

 

Nm... I see you can just now use them as string

 

ease: "expo.inOut"

 

This is great, thanks all!