How to deal with nested arrays being populated with data.

[AlexDring]

Hi,

My backend returns a profile object like so:

{
  username: {
    type: String,
    unique: true
  },
  name: String,
  avatar: String,
  recommendations: [{ type: mongoose.Schema.Types.ObjectId, ref: 'Media' }],
  watchlist: [{
    recommendation: { type: mongoose.Schema.Types.ObjectId, ref: 'Media' },
    date_added: Date,
  }],
}

The recommendations and watchlist arrays are filled with id's that reference items in other collections when the profile object is initially returned:

When a user visits the watchlist page, these reference id's are then populated with data:

I've currently stored the array separately in the cache using query key ['watchlist'], with a separate query key for ['profile']. Ideally should I be trying to keep the initial strucutre of the profile object, updating the nested arrays when a user visits a relevant page, all under the ['profile'] query key?