title: facebook login not working in mobile browsers
body: <p>I implemented facebook login in my website using 'react-facebook-login' <a href="https://github.com/keppelen/react-facebook-login" rel="nofollow noreferrer">module</a></p>
  
  <p>and I used this code in CompentDidMount </p>
  
  <pre><code> `// Facebook Authentication
          window.fbAsyncInit = function() {
              FB.init({
                  appId      : '***********',
                  cookie     : true,  // enable cookies to allow the server to access
                  // the session
                  xfbml      : false,  // parse social plugins on this page
                  version    : 'v2.1' // use version 2.1
              });
          }.bind(this);
          // Load the SDK asynchronously
          (function(d, s, id) {
              var js, fjs = d.getElementsByTagName(s)[0];
              if (d.getElementById(id)) return;
              js = d.createElement(s); js.id = id;
              js.src = "//connect.facebook.net/en_US/sdk.js";
              fjs.parentNode.insertBefore(js, fjs);
          }(document, 'script', 'facebook-jssdk'));`
  </code></pre>
  
  <p>In render function my code is </p>
  
  <pre><code>`                  &lt;FacebookLogin
            appId="344596562557645"
            autoLoad={true}
            fields="name,email,picture.height(2048)"
            scope="public_profile, email"
            callback={this.responseFacebook.bind(this)}
            cssClass="fbbutton"
            icon="fa-facebook"
            textButton=" FACEBOOK"
            redirectUri={window.location.href}
  /&gt;`
  </code></pre>
  
  <p>Now login with facebook is perfectly working in desktop but not working in mobile browsers (both android and ios).In mobile browsers the callback function is not called because the the page is reloaded while in mobile. Please help me fix it , how to get data from that callback function.</p>