こんにちは、 @kz_morita です。 今回は，React で Webサービスを構築している際に，Facebook ログインを実装しようとしてちょっと躓いたことをまとめます． 環境と対象のコード 今回のシステムが，Web-Server と API-Server が別れており，Web-Server では主に，ページのレンダリングやリダイレクト周りの処理を行い，提供するコンテンツに関しては，API-Server から取得するといった構成になっていました． graph LR; Browser--WebServer; WebServer--APIServer; Browser --APIServer; facebook login には， react-facebook-login を利用していました． import React from 'react'; // 独自のデザインのFacebookLogin ボタンを用意するため，こちらを import import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props'; export const LoginPage: React.FC = () => { const handleAuthWithFacebook = React.useCallback( (response: FacebookAuthResponse): void => { if (response == null || response.accessToken == null) return; // Facebook の accessToken つかって，signin する処理 signinWithFacebook(response.