How to setup Nprogress properly in app router?

[cursive chasm]

Is anybody able to setup the Nprogress bar in the app router? I have tried 2 packages but they are not working properly.

[jade lantern]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[still stump]

I am currently using nextjs-toploader. This one works fine for me. Only in the newest version now (14.0.3 I guess) the bar loads infinite. I think thats fixed with the the next nextjs version (or the next version of nextjs-toploader). So I will wait ^^
@cursive chasm

[still stump]

does it work for you?

[cursive chasm]

@still stump I have tried this packages, but could not find the correct result. For example -
It's stuck when click on the same route, not working on router.push and unnecessary start on a tag click etc.

[still stump]

you are using the 14.0.3 from nextjs? @cursive chasm

Only in the newest version now (14.0.3 I guess) the bar loads infinite.

[storm loom]

here's a project where I use next-nprogress-bar if it helps https://github.com/v6cord/niveaux-neo/blob/master/app/providers.jsx

then just wrap your layout with <Providers>

[still stump]

@cursive chasm fixed?

[cursive chasm]

@still stump I am using next 14.0.1 and not working in this version as well.

[cursive chasm]

Thanks but the link mentioned is showing 404.

[storm loom]

oh it might be private, I'll upload the file when I'm home

[storm loom]

@cursive chasm

you can ignore the next auth thing

and then the layout is just like