Suggested way to modify breadcrumbs information stored in the router context after the main content of the page has loaded?

[mkarajohn]

I have found myself in the following scenario:

• I have a list of items.
• Clicking on one of these items gets the user to a details page for that item (something like items/$itemId and this page also shows a new breadcrumb segment, which is added in the router context during the beforeLoad of the route.tsx file for that page, by picking up the $itemId param.
• Now, that results in the breadcrumb entry being a random string, but that's all that's available during the time the beforeLoad runs.

What I would like to do, is after the data or the specified item load, to update the breadcrumb entry, which up until now showed the random-string id, to some more human readable information, like the name of the item.

What would be the best way to achieve this functionality?