Loading component not displaying when using router.push()

[florianmascaro]

Hello,

I have encountered an issue in my project where the Loading component does not display as expected when navigating between pages. I am using router.push() to programmatically navigate, but it seems that the Loading component only appears when I use the Link component for navigation.

Here's the scenario where the issue occurs:

1. I have a button which triggers navigation on click through router.push('/target-page').

2. Upon clicking the button, the page navigates to the target page as expected, but the Loading component does not display during the transition.

3. Additionally, there's a noticeable delay before the destination page is fully loaded. Normally, during this delay, the Loading component should be visible to indicate that something is happening, but it's not the case when using router.push().

4. However, when I use the Link component (e.g., Go to Target Page), the Loading component displays correctly during the page transition and the delay period.