Header Transition Broken

[ramadanomar]

64d405c4a9ff8843fb5e8f82ab827e2f.mp4

Can be fixed by removing the transition class. Thanks for this project! I've been using it to get inspiration on more clean coding practices w/ RSC & Next13 Server Actions!

<header
	className={cn(
		"sticky top-0 z-30  w-full bg-transparent ",
		scrolled ? " h-16 border-b backdrop-blur-xl" : " h-20"
	)}
>

[ramadanomar]

Or you can set scroll value to 0 which also fixes some other problems with it glitching like this

const scrolled = useScroll(0);

[moinulmoin]

Thanks for pointing out!