so i was debugging something yesterday and losing my mind because my logs were showing object properties that "shouldn't exist yet" at that point in the code.
turns out when you console.log an object, most browsers don't snapshot it immediately, they just store a reference. by the time you expand it in devtools the object may have already mutated.
const obj = { a: 1 }; console.log(obj); obj.a = 2;
expand that logged object in chrome devtools and you'll probably see a: 2, not a: 1. Fix is kinda simple, just stringify it or spread it:
console.log(JSON.stringify(obj)); // or console.log({ ...obj });
wasted like 30 minutes on this once. hopefully saves someone else the headache (this is mainly a browser devtools thing btw, node usually snapshots correctly)
