Why javascript Map() object is empty when passed from frontend? [duplicate]

Question

I use this code when make a request to server. Inside request function i do this:

const menu = this.props.location.state.menuItemDishesMap; //get Map() value from props
const order = {
  person: { id: 1 },
  menuItemDishMap: menu, //pass it to order object that goes to server
};

console.log(order); //make sure that my Map() object went to server

This is what console.log() says:

But, when I see developer tools, this Map() is always empty.

Have no idea why. Thanks for any help