I'm assuming you mean, the role is assigned while the user is on the Contact page. For example, they click something and the role is assigned in the background via an endpoint... after that, things on the page will change without a reload.
In that case, you could:
- Load part of the component but with CSS set to display none (or show it part of it, if helpful)
- Retrieve data from another endpoint based on the new role, add to component, then change the CSS to display it
You could send a parameter into the role endpoint and trigger the other endpoint, like a callback.
