[Top down navbar animation]

The solution didn't work in a way as I am using nextjs and it becomes imperative to initialize the timeline in useEffect which runs the animation as the page loads and when I put the timeline out of useEffect, I get the error of property of querySelectorAll undefined as the hasn't loaded yet. What should I do?

 

[Top down navbar animation]

I have been trying to create a navbar animation where the navbar comes from top when clicked and goes back the exact same way but so far that is not how my  code is behaving. On clicking the back button the navbar simply disappears.

 

Here is the codesandbox link

https://codesandbox.io/s/misty-star-ncl3z