Login popup is shown without clicking the Login button.

[ronytesler]

The user and password popup is shown when the site is loaded (not on refresh) and the user is not signed in.

                    <FacebookLogin
            disableMobileRedirect={true}
            appId={appId}
            autoLoad={true}
            fields="name,picture"
            onClick={this.componentClicked}
            callback={this.responseFacebook}
            render={(renderProps) => (
                <button onClick={renderProps.onClick}>{lan.buttons.facebook}</button>
            )}
        />

[lareb]

Does your URL has a code parameter?

[ronytesler]

@lareb No, this is the url: https://watoobi.appspot.com

[dancherb]

I'm also experiencing this. Pop-up appears as soon as the button is rendered, without the user clicking anything. Using this version:

import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props'

[OdenigboGodfrey]

after removing autoLoad={true} or setting it to false, it doesnt click on render, however i get no feedback on click :sigh

[ronytesler]

@OdenigboGodfrey On what browser and device is it happening? Can you share your code?

[OdenigboGodfrey]

sorry, just seeing this, No worries, I just decided to go with the "log in with facebook" button instead of the custom button. that works fine

[OdenigboGodfrey]

`<FacebookLogin appId={FACEBOOK_ID} autoLoad={true} fields="name,email" callback={() => this.responseFacebook()} render={renderProps => (

                        </span>
                    )}
                />`

import import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props'

[Exilz]

As @lareb pointed out, if you're struggling with this and have a code query parameter in your page, this will trigger facebook's popup for some reason. I gave up and renamed the parameter.

[xbrunosousa]

Same case here... the plugin conflicts with apple's login (which returns "code" in the url). For now, I had to disable this package.

[polcham]

Remove autoLoad, and onClick you have to set it to call renderProps.onClick

[firmlab]

Remove the autoLoad props, it works, thanks to @polcham

<FacebookLogin
            appId="XXXXXXXX"
            callback={responseFacebook}
            render={renderProps => (
                <button onClick={renderProps.onClick}>Signup with <b>Facebook</b></button>
            )}
        />