need a little bit of help with react and transition

hey folks this is my sandbox link
https://codesandbox.io/p/sandbox/new-glitter-uokjyt
I have made the two components in this project one is

<MainPage />

<MainPage />

and another one is

<Rules />

<Rules />

currently only I'm using the

<MainPage />

<MainPage />

in my index page but I want that I should be able to switch to

<MainPage />

<MainPage />

and

<Rules />

<Rules />

as per the attached video

CodeSandbox

CodeSandbox is an online editor tailored for web applications.

AAditya Kirad hey folks this is my sandbox link https://codesandbox.io/p/sandbox/new-glitter-u...

Dev_Maruti•12/24/22, 9:44 AM

If you want something like this , then there is a very popular and easy to use library name Framer-Motion ,
It's very awesome library , I also used it for my projects , You can easily get this effect with the help of this ,

Give this a try you will not regret