[React Router and Gsap with ScrollTrigger]

Hello  

 

I'm back with another problem.

That of the Router from React.

I couldn't find any module on the internet to help me solve my problem.

After Codesandbox problems I had to make a new one.

You will see in the Index.jsx file:
 

  <Header />
  <Gsap />
  <Router />

If the three are activated, the links do not work but the scroll yes, if I put in comment more scroll but the links work.

Any idea for my problem?

The link : https://codesandbox.io/s/gifted-bohr-jwgxk5?file=/src/Index.jsx

Thank you so much

[React Router and Gsap with ScrollTrigger]

I'll get back to you,

problem solved after a lot of testing and research.

I only had a CSS problem.

Problem solved, I also put the link of my code.

Thank you for your help and your great tool!!!

See you soon

https://codesandbox.io/s/empty-leaf-iglxmv?file=/src/App.jsx

[React Router and Gsap with ScrollTrigger]

Good morning 😁

Thank you very much for your feedback 🙌

Your link https://codesandbox.io/s/vigilant-sound-mluddg?file=/src/pages/Section/Section.jsx doesn't work for me.

So I deleted my divs and left the components.
https://codesandbox.io/s/empty-leaf-iglxmv?file=/src/App.jsx

Thanks for the link to the article, I'll check it out.

My last concern is that my Contact page does not appear at the end.
Instead, it's a blank page 😕
If you ever have an idea of the problem.

Thank you very much in advance.

Good Sunday.

[React Router and Gsap with ScrollTrigger]

Hello ! 
 

I'm trying to do my portfolio and I'm stuck with my side scrolling.

I have blank pages that have been added. And my last "Contact" page does not appear.

I watched a lot of tutorials but can't understand where my mistake comes from.

I created a Codesandbox for the occasion.

Here is the result I would like to have: https://codesandbox.io/s/gsap-react-horizontal-scroll-mr4gb1?file=/src/App.js

 

And here is the link of my Codesandbox: https://codesandbox.io/s/empty-leaf-iglxmv?file=/src/App.jsx

If you could help me out that would be cool.

If you have any questions, I would be happy to answer them.

 

Thank you so much