`ScrollDir` is always down

[astralarya]

Brief Description

The scroll direction hook always returns down, even when scrolling up.

Environment

• @smakss/react-scroll-direction version: 4.04
• Framework version: react
• node.js version: 20.8.0
• yarn version: 1.22.19

Code Snippet

export default function Example() {
  const { scrollDir } = useDetectScroll();

  console.log(scrollDir);

  return "ababa";
}

Steps to Reproduce

Scroll up and down

Expected Behavior

Scrolling up returns up.

Actual Behavior

Events always return direction as down.

[SMAKSS]

Hello! Apologies for the delayed reply, and thank you 🙏 for bringing this to our attention. I'm on it and will investigate the issue immediately.

[SMAKSS]

Hi @astralarya,

Thanks for bringing this to my attention. Despite testing on Chrome, Firefox, and Safari with the same Node.js version, the issue couldn't be replicated on my end. To dive deeper and find a solution, could you please provide the following details?

1. Browser and Version:
2. Operating System:
3. Bundler If any
4. Console Errors/Warnings: If any.
5. Specific Conditions: Under which the issue seems more pronounced, if applicable.
6. Visuals: A video or screenshots capturing the issue, if possible.

Your further insights will be crucial for me to identify and address the problem effectively. I appreciate your cooperation and patience.

Thank you!

[KubaZachacz]

Hey @SMAKSS
It's really looks like it might show 'Still' at start and only down 'Down' later
Here's my: codesanbox I hope it will work enough to show the bug.

In general in my project and sandbox it's Node 20+ and Next.Js 14+ with appDir

[SMAKSS]

Thanks to @astralarya and @KubaZachacz for your support and contributions! I've deployed a fix. Please update to the latest version and check if it resolves the issue.

Looking forward to your feedback!