title: Parsing error: Identifier 'React' has already been declared
body: <p>I m trying to import component but i m not able to do it</p>
  
  <p>I have also tried 
  export default class App extends React.Component  instead of class App extends Component()  but it is not solving my problem</p>
  
  <pre><code>import React from 'react';
  import React,{Component} from 'react';
  import './App.css';
  
  
  class App extends Component() {
    constructor(props){
  
    }
    render() {
    return (
      &lt;div className="App"&gt;
        &lt;table className="titleBar"&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;img alt="app icon" width="50" src="primary_green.svg"/&gt;
              &lt;/td&gt;
              &lt;td width="8"/&gt;
              &lt;td&gt;
                &lt;h1&gt;MovieDb Search&lt;/h1&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
        &lt;input style={{
          fontSize: 24,
          display: 'block',
          width: '99%',
          paddingTop: 8,
          paddingBottom: 8,
          paddingLeft: 16
        }} placeholder="Enter Search Term"/&gt;
      &lt;/div&gt;
    );
   }
  }
  
  export default App;
  
  
  Line 2:  Parsing error: Identifier 'React' has already been declared
  
  import React from 'react';
  import React,{Component} from 'react';
  import './App.css';
  </code></pre>