title: React Typescript: render array of strings to an unordered list
body: <p>In a pure functional component using typescript how do we render an array of strings into an unordered list?</p>
  
  <pre><code>import React from 'react';
  
  const Drinks: React.FC = () =&gt; {
     const myArray = ['Water', 'Orange Juice', 'Milk'];
  
    return (    
      &lt;ul&gt;
       &lt;li&gt;Water&lt;li/&gt;
       &lt;li&gt;Orange Juice&lt;li/&gt;
       &lt;li&gt;Milk&lt;li/&gt;
      &lt;/ul&gt;
    );
  }
  
  export { Drinks };
  </code></pre>