In a SPA shoud I load before navigating away?

I'm developing a SPA design framework and need some thoughts on the navigation/loading approach. I couldn't find meaningful answers in this regard on the internet.

Question

In the context of parent to child navigation, is there any preference for showing a loading state on the control responsible for the navigation and only transition to the next page after data is loaded, vs the probably more common approach of navigating right away and display a loading state on the new page?

Example

A vinyl online store. There is a page with a list of available products. User clicks on a list item.

Scenario A:

• A spinner will be shown next to the clicked item
• Also user interaction with the list will be disabled
• Once the product full data is finished loading from the server the page navigates away and instantly displays the product details

Scenario B:

• User is taken right away to the next page
• This new page will be in a brief loading state
• Once the product full data is finished loading from the server the loading state is replaced by the product details

Let me know your thoughts. Thanks!