title: typescript together with nested destructuring
body: <p>ES6 is great, it reduced number of codes but typescript for everything just doesn't work.</p>
  
  <p>If I would want to implement type checking for my arguments, which is already been destructed more than one level, wouldn't it be a mess? I think it's enough to use interface to do once checking at the beginning, what do you think? Or you can typecheck everything but don't overuse es6 for better readability. </p>
  
  <pre><code>&lt;div&gt;
        {response.results.map(({id, name, stock: {day: dayStock, month: monthStock}}) =&gt; {
          return(
            &lt;div&gt;
              &lt;p&gt;Item: {name}&lt;/p&gt;
              &lt;p&gt;Day Stock: {dayStock}&lt;/p&gt;
              &lt;p&gt;Month Stock: {monthStock}&lt;/p&gt;
              &lt;br /&gt;
            &lt;/div&gt;
          )
        })}
      &lt;/div&gt;
  </code></pre>
  
  <p>typescript playground: <a href="https://codesandbox.io/s/v06ml2y130" rel="noreferrer">https://codesandbox.io/s/v06ml2y130</a></p>