"ReferenceError: window is not defined" in Next.JS Project

[Yukigamine]

I am attempting to use react-dymo-hooks in a Next.JS project and as soon as I call any of the functions, including a simple const statusDymoService = useDymoCheckService();, the following error is thrown.

Disabling all references to react-dymo causes the error to disappear. Running App.js from your example folder works just fine, but even if I copy it into the pages directory of the Next project and relocating utils.js to an appropriate location results in the error below.

Any suggestions for things I can try? Thank you!

- error Error [ReferenceError]: window is not defined

EDIT:
I removed the large stack trace since I think I figured out what the issue is, but still looking for a solution.

After doing some more research, this appears to be due to Next.JS using Server Side Rendering and react-dymo assuming there is a window for it do local storage in. One suggestion I found is to wrap things in useEffect() but I believe that would break the Rules of Hooks, right?

I will continue to research, but any suggestions are appreciated.

ANOTHER EDIT:

It looks like I should be able to fix it by marking the component I'm using the library in as client only with the "use client" directive, but the error is happening even after doing that.
https://nextjs.org/docs/getting-started/react-essentials#third-party-packages

[Yukigamine]

Final update:

The reason "use client" was not working is because I was still using the older pages/ routing structure which only exists as backwards compatibility. Switching into the newer app/ router honored "use client" and it is working now.