title: console.log & debugger statements in React.Components - unexpected token
body: <p>What is the proper way to add <code>console.log</code> and <code>debugger</code> statements to my React.Components?</p>
  
  <p>Just dropping them in produces <code>Unexpected token</code> errors:</p>
  
  <pre class="lang-js prettyprint-override"><code>export class ManageCoursePage extends React.Component {
    debugger;
    constructor(props, context) {
      super(props, context);
  </code></pre>
  
  <p>A little more helpful but still produces <code>Unexpected 'debugger' statement</code>:</p>
  
  <pre class="lang-js prettyprint-override"><code>export class ManageCoursePage extends React.Component {
  
    constructor(props, context) {
      super(props, context);
      debugger;
  </code></pre>
  
  <p>Or even browsers' <code>console</code> errors out <code>Uncaught SyntaxError: Unexpected token ;</code>:</p>
  
  <pre class="lang-js prettyprint-override"><code>class Woot {
      debugger;
  }
  </code></pre>
  
  <p>What exactly is going on here?</p>