title: remove nested property value from object
body: <p>I have a nested object as follows.
  <br/>I am looking to remove the img property from it.</p>
  <pre><code>const myOriginalObject {
      props : {
          isMobile: true,
          data: {
              id: '',
              header: '',
              flag: '',
              desc1: '',
              desc2: '',
              logo: {
                  src: '',
                  alt: '',
              },
              img: {
                  src: '',
                  alt: '',
              },
          }
      }
  }
  </code></pre>
  <p>It works if I do the following.</p>
  <pre><code>myOriginalObject.props.data.img = undefined;
  </code></pre>
  <p>But I looking for a cleaner way to do this rather than setting the value to undefined.
  <br/>Looking to use unset from lodash.</p>
  <p>But it doesn't unset and img value is still there. Can I know what I am doing wrong pls?</p>
  <pre><code>  import unset from 'lodash/unset';
    // none of following works. 
      
    unset(myOriginalObject, &quot;img&quot;);
    unset(myOriginalObject, myOriginalObject.props.data.image);
    unset(myOriginalObject, myOriginalObject.props.data.image.src);
    unset(myOriginalObject, myOriginalObject.props.data.image.alt);
  </code></pre>