React, Next.js and GSAP issues - possible fixes for SSR

[Dimas Alves Freire]

Hi @GreenSock , using Next.js version 10  (most recently big update) I wasn't able to load the plugins as described in docs. After trying all the solutions posted here, i was able to do it like this: 

 

With the default next.config.js. But this way, when i try to create a draggable object, this error rises:

 

 

 

This is the collapsed error stack

 

Thanks in advance for any feedback on this

[ZachSaucier]

Hey @Dimas Alves Freire and welcome to the GreenSock forums. Would you mind making a minimal project that shows the issue that we can install and test for ourselves? That way we know will have the same environment. Please don't include any Club GreenSock files - we can include those ourselves  

[GreenSock]

Yeah, a demo would be super helpful. It sounds like maybe the framework you're using flagged elements with preventExtensions() which is quite a bummer. Do you know why they chose to do that? It definitely complicates things. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Cant_define_property_object_not_extensible

[Dimas Alves Freire]

@ZachSaucier and @GreenSock i'm very sorry! The error is mine, I feel stupid right now.

 

I was doing a demo as you both requested, and I realize that I was not passing .current to the trigger option. Now is running as expected.

It seems that's was causing the error. 

 

Thanks for your response and sorry again  

[ZachSaucier]

No problem at all  I'm glad you got it sorted out. Thanks for supporting GreenSock with a Club GreenSock membership!

[komisz]

Hey! I had a similar problem with ScrollTrigger and Next JS - SSR but, the solutions above did not help. Fortunately, I found this, hope it will help to spare a couple of hours for you.