When deployed to my production environment the isSdkLoaded stays false forever despite react-facebook-login making a successful call to the sdk, and window.FB being set correctly.
This only seems to happen when deployed to https. It works fine in localhost.
When deployed, I'm getting the following renderProps:
When deployed to my production environment the
isSdkLoaded
stays false forever despitereact-facebook-login
making a successful call to the sdk, andwindow.FB
being set correctly.This only seems to happen when deployed to https. It works fine in localhost.
When deployed, I'm getting the following renderProps:
and nothing happens when I run the
renderProps.onClick
function.The module is loaded and it succesfully makes 1 request to the facebook sdk endpoint.![Screen Shot 2022-07-06 at 17 35 43](https://user-images.githubusercontent.com/6841110/177647621-78408060-26fe-4a7c-af7c-873dfb26a3e6.png)
I also see it created this
div
in my HTML:<div id="fb-root"></div>
and if I console.log
window.FB
it logs it fine as a function:But no matter what this library will not go past the
isSdkLoaded
when deployed to a production environment?I have tried both with and without a valid SSL certificate, and it is on HTTPS so it should not be a security issue.
No errors are being logged, and the
onFailure
callback is never called :(neither is the normal
callback
function.VERSION: "react-facebook-login": "4.1.1",