I'm using the react-facebook-login library to implemented the facebook login in my react application. Every time I click on the facebook login button to try to login, it gives me a blank page for some reason. Once I close the popup it logs in automatically to my account. This is only happening in production, everything is working fine on localhost. I checked the url bellow to see if there's a problem with the app id but there wasn't.
here's a screenshot of the popup page:
and here's the url:
component:
<FacebookLogin
appId={appId}
autoLoad={false}
scope={permissions.join(',')}
fields="name,email,picture"
onClick={handleClick}
callback={handleResponse}
render={renderProps => (
<div className="fb-login" onClick={renderProps.onClick}>
<img className="fb-login-logo" src="https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/pXqmY8Ggh_m.png" />
<span className="fb-inner"> Login with Facebook</span>
</div>
)}
/>

