I am making a portfolio site. I am building it in React and using GSAP.
I have found the following problem: Say my site has four sections:
Home / Text / Works / About
And I will use GSAP on section 2 "Text", so if I navigate to this section it is ok, but if you go to another section and go back to "Text" I have this warning:
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.
Also performance fails (as you see the text go changing but the order is broken)
I don´t know if it is asking too much, but maybe you can give me some guidance of what is really happening
I have seen documentation of GSAP and React and believe it is related to State management and components. Not sure if I have to use React Transition Group in my component "Text.js" or how can I overtake this warning
Here you can see the error
Any help is welcome