title: React App , Face Recognition API Running correctly but not showing any Image
body: <p>I am trying to make a face recognition app using clarifai API. code run successfully but not showing any image. Is there any issue with onInputChange. please refer to this repo for complete project files.</p>
  
  <p><a href="https://github.com/thekaranjit/Smart-Brain.git" rel="nofollow noreferrer">https://github.com/thekaranjit/Smart-Brain.git</a></p>
  
  <p>Iam using React JS for the app and Clarifai for the Face detection API</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component } from 'react';
  import Particles from 'react-particles-js';
  import Clarifai from'clarifai';
  import Navigation from './components/Navigation/Navigation';
  import FaceRecognition from './components/FaceRecognition/FaceRecognition';
  import Logo from './components/Logo/Logo';
  import ImageLinkForm from './components/ImageLinkForm/ImageLinkForm';
  import Rank from './components/Rank/Rank';
  import './App.css';
  
  const app = new Clarifai.App({
   apiKey: '245f746d8470433682b6de5e9805104f'
  });
  
  
  const particlesOptions = {
    particles: {
        value: 30,
        density: {
          enable: true,
          value_area: 800 
      
      }
    }
  }
  class App extends Component {
  
    constructor() {
      super();
      this.state = {
        input: '',
        imageUrl:'',
        box: {}
  
      }
    }
  
  calculateFaceLocation = (data) =&gt; {
  
  const clarifaiFace = data.outputs[0].data.regions[0].regions_info.bounding_box;
  const image = document.getElementById('inputimage')
  const width = Number(image.width);
  const height = Number(image.height);
  console.log(width.height);
  }
    onInputChange = (event) =&gt; {
      this.setState({input:event.target.value})
    }
  
    onButtonSubmit = () =&gt; {
      this.setState({imageUrl: this.state.input})
      app.models
      .predict(
        Clarifai.FACE_DETECT_MODEL, 
        this.state.input)
      .then(response =&gt; this.calculateFaceLocation(response))
      .catch(err =&gt; console.log(err))
      
  
    }
    render() {
      return ( 
        &lt;div className="App"&gt;
           &lt;Particles className='particles' 
                params={particlesOptions}
                /&gt;
          &lt;Navigation /&gt;
          &lt;Logo /&gt;
          &lt;Rank /&gt;
          &lt;ImageLinkForm  
          onInputChange={this.onInputChange} 
          onButtonSubmit={this.onButtonSubmit}
          /&gt;
          &lt;FaceRecognition  imageUrl={this.setState.imageUrl}/&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;</code></pre>
  </div>
  </div>
  </p>