title: instance.render is not a function error in reactjs
body: <p>I am getting a very unusual error in reactjs and it says that instance.render is not a function in reactjs .I couldn't trace the error .
  Here is the index.js file and the only other file that i have in component.</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import './index.css';
  import SearchBar from './components/search_bar.js';
  const API_KEY='AIzaSyA4c4bzl1At2c0IAJXU939D1vAIUwAn3Ss';
  const App = ()=&gt;{
    return(
       &lt;div&gt;
        &lt;SearchBar/&gt;
       &lt;/div&gt;
    );
  }
  
  
  
  ReactDOM.render(&lt;App /&gt;, document.getElementById('root'));
  </code></pre>
  
  <p>Here is search_bar.js in Searchbar in components folder .</p>
  
  <pre><code>import React, { Component } from 'react';
  class SearchBar extends React.Component{
    constructor(props){
       super(props);
       this.state={
         term:''
       };
       this.onInputchange=this.onInputchange.bind(this);
    }
  
    onInputchange(event){
     console.log(event);
    }
    render(){
       return(
          &lt;div className="search_bar"&gt;
           &lt;input
               onChange={this.onInputchange}
           /&gt;
           &lt;/div&gt;
       );
     }
  
  }
  export default SearchBar;
  </code></pre>