title: How to fix "Expected an assignment or function call and instead saw an expression" in reactjs?
body: <p>I am following Grinder tutorial on react.js with creating burgerapp. 
  I'm getting error:    </p>
  
  <pre><code>Line 6:  Expected an assignment or function call and instead saw an expression  no-unused-expressions 
  </code></pre>
  
  <p>After trying by myself i copied his file from finished project and got exactly same error so now im confused if problem is somewhere else, i might be blind or something isn't up to date with his tutorial.  Already tried with adding return statements and changing to curly braces. Please keep in mind I saw this code in other stackoverflow but it looks exactly same.</p>
  
  <p>My code: </p>
  
  <pre><code>const controls = [
      { label: 'Salad', type: 'salad' },  //line 6 studio code says error is here
      { label: 'Bacon', type: 'bacon' },
      { label: 'Cheese', type: 'cheese' },
      { label: 'Meat', type: 'meat' },
  ];
  
  
  const buildControls = (props) =&gt; (
  &lt;div className ={"BuildControls"}&gt;
      {controls.map(ctrl =&gt;(
          &lt;BuildControl key={ctrl.label} label={ctrl.label}/&gt;
  ))}
      &lt;/div&gt;
  );
  export default buildControls;
  </code></pre>
  
  <p>App should start showing build controls but right now it's not even compiling. Please don't be harsh im beginner in this topic.</p>