title: react syntax isn't recognized
body: <p>I am new to react, I am trying to run a simple code example I found, the perpuse of the code is to show a few tabs. I am running into some technical problems.</p>
  
  <p>I am getting this error: " Uncaught ReferenceError: require is not defined " on the first line of my JS code: import React from 'react';</p>
  
  <p>it seems like it doesnt recognize my react code.</p>
  
  <p>please help,
  Thank you very much :)</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Dashboard Support Tool Center&lt;/title&gt;
  
      &lt;script type="application/javascript" src="https://unpkg.com/react@16.0.0/umd/react.production.min.js"&gt;&lt;/script&gt;
      &lt;script type="application/javascript" src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.production.min.js"&gt;&lt;/script&gt;
      &lt;script type="application/javascript" src="https://unpkg.com/babel-standalone@6.26.0/babel.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;script type="text/babel" src="/dashboards/react/dashboardCenter.js"&gt;&lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>React/JS:</p>
  
  <pre><code>import React from 'react';
  import { render } from "react-dom";
  
  import Tabs from './Tabs';
  require('/dashboards/css/tabStyles.css');
  
  function App() {
      return (
          &lt;div&gt;
          &lt;h1&gt;Tabs Demo&lt;/h1&gt;
          &lt;Tabs&gt;
              &lt;div label="Gator"&gt;
                  See ya later, &lt;em&gt;Alligator&lt;/em&gt;!
              &lt;/div&gt;
              &lt;div label="Croc"&gt;
                  After 'while, &lt;em&gt;Crocodile&lt;/em&gt;!
              &lt;/div&gt;
              &lt;div label="Sarcosuchus"&gt;
                  Nothing to see here, this tab is &lt;em&gt;extinct&lt;/em&gt;!
              &lt;/div&gt;
          &lt;/Tabs&gt;
      &lt;/div&gt;
  );
  }
  
  const container = document.createElement('div');
  document.body.appendChild(container);
  render(&lt;App /&gt;, container);
  </code></pre>