Display loading.tsx as soon as router.push is called

Unanswered

West African Lion posted this in #help-forum

West African LionOP

2023-07-25T13:42:40.000Z

Is there a way to force the loading.tsx component to display as soon as router.push has been called?
I have noticed there is a delay, such as when a user submits a form resulting in router.push, before the loading component appears.

5 Replies

European sprat

2023-07-25T14:14:56.000Z

Have you tested production build? Dev mode can be slow for things to show up but it may work fine in production

West African LionOP

2023-07-25T14:16:44.000Z

Seems to be the same situation in production builds too. I'm wondering if loading will only display once it has actually started loading the new page after the url has been pushed and the delay between pushing and starting to load might be longer than expected.

Blanc de Hotot

2023-07-25T14:27:15.000Z

https://caspertheghost.me/blog/nprogress-next-js
Try nprogress

European sprat

2023-07-25T14:37:24.000Z

This doesn't work with app directory and isn't really relevant to loading.tsx

Alfonsus Ardani

2023-07-25T14:41:02.000Z

does this happen on prod?