direction undefined when using css snap feature

[Jonohas]

<div
    class="snap-y snap-mandatory overflow-y-scroll h-screen w-full hide-scrollbar"
>
    <div class="snap-always snap-center h-screen bg-amber-200 flex justify-center items-center text-6xl">1</div>
    <div class="snap-always snap-center h-screen bg-green-200 flex justify-center items-center text-6xl">2</div>
</div>

in this case the direction for the "onStepEnter" and "onStepExit" callbacks are undefined.

complete react app to test here