Revision history [back]

React Facebook Login is a third-party library for Facebook login/integration with React applications. To use it with React version 18, you can follow these steps:

1. Upgrade your React project to version 18 if you haven't already.
2. Install the latest version of react-facebook-login using the command npm install react-facebook-login.
3. Import the Facebook login component in your React component using import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props'.
4. Use the render prop of the FacebookLogin component to customize the login button and handle the response from Facebook, like this:

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

const MyFacebookButton = () => {
  const handleResponse = (response) => {
    // handle the Facebook response here
  };

  return (
    <FacebookLogin
      appId="your-facebook-app-id"
      autoLoad={false}
      fields="name,email,picture"
      callback={handleResponse}
      render={(renderProps) => (
        <button onClick={renderProps.onClick}>Login with Facebook</button>
      )}
    />
  );
};

export default MyFacebookButton;

1. Replace your-facebook-app-id with your Facebook app ID.

That's it! You can now use react-facebook-login with React version 18.