title: Unexpected token, expected ...
body: <p>I am getting the following error in react </p>
  
  <blockquote>
    <p>Unexpected token, expected ... (16:6)</p>
  </blockquote>
  
  <pre><code> return (
    15 |   &lt;div className={classes.BuildControls}
  16 |     { controls.map(el =&gt;(&lt;BuildControl key={el.label} label={el.label} /&gt;))}
       |       ^
    17 |   &lt;/div&gt;
    18 |  )
    19 | };
  </code></pre>
  
  <p>Here is my code</p>
  
  <pre><code>import React from 'react';
  import Classes from './build-controls.css';
  import BuildControl from './build-control-r/build-control.js';
  
  const controls = [
    { label: "Salad", type:"salad"  },
    { label: "Cheese", type:"cheese" },
    { label: "Meat", type:"meat" },
    { label: "bacon", type:"bacon" }
  ]
  
  
  const buildControls = (props) =&gt; {
    return (
    &lt;div className={classes.BuildControls}
      { controls.map(el =&gt;(&lt;BuildControl key={el.label} label={el.label} /&gt;))}
    &lt;/div&gt;
   )
  };
  
  export default buildControls;
  </code></pre>
  
  <p><strong>[Question]</strong> : Can someone please tell me what am I doing wrong? Do let me know if i need to share something else as well</p>