Pending matches not working as expected

[prateek3255]

I was trying out the <MatchRoute /> component with pending flag to show a loading indicator while the router is navigating to a particular route.

I have a loader that fetches data in the route I am navigating to and based on the docs I expected it to show a loading indicator while the loader was fetching but it doesn't do that.

For reference I am trying implement it almost exactly how it is happening in the KitchenSink example. I tried running the example on StackBlitz and there as well the spinner never shows next to the link up no matter how long the invoice takes to load. Am I missing something here?

Here is a video from the kitchen sink example in the docs, I increased the delay to 5 seconds yet the loader next to the link mentioned above doesn't show up

Screen.Recording.2024-06-18.at.9.25.13.AM.mov