title: Google Login Button Does Not Render in React
body: <p>Building a simple react project, and wanted to add in a login page. Currently, the google login button does not appear. The div itself appears, but no button is rendered in it.</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;meta name="google-signin-scope" content="profile email"&gt;
  &lt;meta name="google-signin-client_id" content="CLIENT_ID.apps.googleusercontent.com"&gt;
  </code></pre>
  
  <p>src/components/Login.js</p>
  
  <pre><code>import React, { Component } from 'react';
  class Login extends Component {
      onSignIn(googleUser) {
        console.log("Signing In!")
        var profile = googleUser.getBasicProfile();
        document.getElementById('status').innerHTML = 'Thanks for logging in using Google, ' + profile.getName() + '!';
      }
  
      render() {
        return (
          &lt;div className="socialwrapper" style={{textAlign: "center", paddingTop: 200}}&gt;
            &lt;script src="https://apis.google.com/js/api:client.js"&gt;&lt;/script&gt;
            &lt;div className="g-signin2" data-onsuccess="onSignIn"&gt;&lt;/div&gt;
            &lt;div id="status"&gt;"Here is the status"&lt;/div&gt;
          &lt;/div&gt;
        );
      }
  }
  
  
  export default Login;
  </code></pre>
  
  <p>Not sure what is wrong. It is that index.html isn't loaded? I've tried restarting the server, and I have double checked the CLIENT_ID is correct. The console.log in onSignIn does not trigger. Other than that, I'm not sure what to do.</p>