derivedAsync from ngxtension solves this also in a clean way:

readonly roles = derivedAsync(() => getRoles(this.userId()), { initialValue: [] });

https://ngxtension.netlify.app/utilities/signals/derived-async/