title: How to use spread operator to add property to an object, not override it?
body: <p>I have this function. </p>
  
  <pre><code>function foo(newdata) { 
       utils.method('GET', '/auth', {
          response: {
            data: {
              settings: {
                last_email_notification_shown_date: new Date(),
                email_notifications: null,
              }
              ...newdata
            }
          }
        });
   }
  </code></pre>
  
  <p>But every time I want to update the 'settings' property, I have to pass <em>all</em> of it to data:</p>
  
  <pre><code>foo(settings {
     last_email_notification_shown_date: new Date(),
     email_notifications: null,
     SomeNewProperty: 'whatever'
  })
  </code></pre>
  
  <p>Is there a way to update the 'settings' property in this function without the need to rewrite it whole? I just want to update the property, not to override it.</p>