I have an observable subject of customers that is populated once the user logs in. This customers$ is then accessed by components on various routes across the application.

My issue: If the user refreshes the page I then don't have any records in customer$.

What is the best way to deal with this without having to retrieve the customers from the server each time the user navigates to a route that uses the customer data as this kind of kills the benefit of using observable subjects.

Is there a suitable place to check the array length on page reload but only if the isLoggedIn$ observable is set to true? (this is because the userID is required for the customer API request)

Thoughts / comments gratefully received