Code not logging out/running in expected order

🐛 bug report

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project
  adheres to.
• I have searched the issue tracker for an issue that matches the one I want
  to file, without success.

Description of the problem

Console logging order not logging as expected.
Each log shows the result of functions that haven't yet been called.
i.e logging order should be:

log1 = []
call function
log2 = [value]
call fucntion
log3 = [value, value]

Instead it's returning

log1 = [value, value]
call function
log2 = [value, value]
call function
log3 = [value, value]

To Reproduce

I've run this code in multiple IDE's and works as expected elsewhere.

const array = [];

const addValueToArray = (arr) => {
  return arr.push(Math.floor(Math.random() * 5));
};

console.log(array); // empty array
addValueToArray(array);
console.log(array); // array with 1 random value
addValueToArray(array);
console.log(array); // array with two random values

Codesandbox

Codepen

Link to sandbox: link

Your Environment

Note when I originally I was on older Chrome version and CodeSandbox required updating, which i have since done to check the issue still exists.

Start by running the JavaScript reproduction from the issue in the linked CodeSandbox and compare its console output with the expected sequence. Trace how console logging is handled in the CodeSandbox client; done means each log reflects the array state at the point where console.log is called.