Yes, you're right, I should have given a bit more of explanation.
I'm retrieving some data about articles in a database.

const ArticleSchema = new Schema({
  title: String,
  author: {
    type: Schema.Types.ObjectId,
    ref: "User"
  },
  body: String,
  tags: [String],
  created: {
    type: Date,
    default: Date.now
  },
  published: {
    type: Boolean,
    default: false
  }
});

In this exact case I need to render a list with all the articles inside the database (Only two at the moment) so from a restful route I fetch those articles:

async function _listAllArticles({offset = 0, limit = 10}) {
  const articles = await ArticleModel.find({ published: true })
    .select("-published")
    .sort({ created: "asc" })
    .skip(offset)
    .limit(limit);
  return articles;
}

...

app.get("/api/article/fetchlatest", (req, res) => {
  const offset = parseInt(req.query.offset) || 0;
  article._listAllArticles({offset: offset}).then(list => res.json(list));
});

and this is the response:

so I get all the data I need from fetching.

Now to the problem, this is the snippet of the fetch:

fetch(`/api/article/fetchlatest?offset=${offset}`)
      .then(res => res.json())
      .then(res => {
        console.log(res);
        setList(res);
        setFetched(true);
        setOffset(offset + 10);
      });

After that res.json() even though checking in the network tab I get two elements in the array, the resulting array from res.json() is:

so basically I retrieve n elements from the array, but that res.json() always returns an array of x elements where x is always less than the expected n value.

The weirdest thing is that you can see from the second picture that the minimized version of the console.log is (2)[{...}, {...}], but upon expanding you can only see one field in the array and the length is 1 instead of 2.

I hope this helps in explaining my problem. Basically, I fetch some data and when I res.json() that data, it simply won't return the whole array.