Best way to get the "from" model in a back reference?

[marbemac]

I am trying to model the relationships that we have in our DB, using references. In the example below, a user has one tenant (and conversely a tenant has many users).

1. Is the onAttachedToRootStore approach in the user model below the best way to create and keep the tenant ref up to date, based on the tenant_id (which comes from the db)?
2. I'm using getRefsResolvingTo to get the tenant's users, however I don't see a way to get the user from the returned ref objects. Say for example I'd like to render a list of users for a given tenant (simplified) - I was hoping to be able to do something like tenant.users.map((u) => <div>{u.username}<div>).

Thanks for any help!

const tenantUserRef = rootRef<TenantStore>("el/TenantUserRef", {
	onResolvedValueChange(ref, newRecord, oldRecord) {
		if (oldRecord && !newRecord) detach(ref);
	},
});

@model("el/Tenant")
class Tenant extends Model({
	id: idProp,
	name: prop<string>(),
}) {
	@computed
	get users() {
		return getRefsResolvingTo(this, tenantUserRef);
	}
}

@model("el/User")
class User extends Model({
	id: idProp,
	username: prop<string>(),
	tenant_id: prop<string>(),
	tenant: prop<Ref<TenantStore> | undefined>(),
}) {
	onAttachedToRootStore() {
		const r: IReactionDisposer[] = [];

		r.push(
			reaction(
				() => this.tenant_id,
				() => this.setTenantRef(),
				{ fireImmediately: true },
			),
		);

		return () => r.forEach((d) => d());
	}

	@modelAction
	private setTenantRef() {
		this.tenant = this.tenant_id ? tenantUserRef(this.tenant_id) : undefined;
	}
}

[marbemac]

Am I running into the kind of trap described here? mobxjs/mobx-state-tree#1995

That is MST, and I'm just assuming the reference systems are similar in keystone and mst - if so, are references basically not really designed for the kind of server data modeling use case I'm trying to achieve here?