How to Make Top Nav Slide Up When Scrolling Down in React JS/TS (Like Meta)

I’m trying to get my top nav component to slide up off the screen when you scroll down and slide back down fixed onto the screen on any given up scroll. Meta does it and it looks really nice. I set up a codesandbox to get started.

Here is a GIF to show what exactly it is I’m talking about.