Facebook Login in React native, compile error

Question

I'm trying to implement Facebook Login in react native.

I followed every step in this guide: https://developers.facebook.com/docs/react-native/getting-started

But I'm getting strange compile error:

When I could compile earlier, I got error about RCTFBLoginButton not found.

Can anyone help me please? Is there a tutorial or example I can follow?

here are the dependencies I used:

  "dependencies": {
    "react": "16.13.1",
    "react-native": "0.63.4",
    "react-native-fbsdk": "^3.0.0"
  },

Thanks, Kenji

question from:https://stackoverflow.com/questions/65862587/facebook-login-in-react-native-compile-error

Answer 1

I had similar issue because I was importing FBSDK at wrong place in AppDelegate.m

Point is you must import before #ifdef FB_SONARKIT_ENABLED Here is the correct way:

#import "AppDelegate.h"

#import <React/RCTBridge.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
#import "FBSDKCoreKit.h" <-- IMPORT HERE! -->

#ifdef FB_SONARKIT_ENABLED
<--- DO NOT IMPORT BELOW --->
#import <FlipperKit/FlipperClient.h>
#import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
#import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
#import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
#import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>