@okta-dfuhriman/okta-auth-js/samples/generated/react-embedded-auth-with-sdk/src/components/LoginCallback.jsx

The Okta Auth SDK

import { useEffect } from 'react'; 
import { useHistory } from 'react-router-dom';
import { useOktaAuth } from '@okta/okta-react';
import { 
  hasErrorInUrl, 
  hasInteractionCode, 
  hasAuthorizationCode, 
  IdxStatus 
} from '@okta/okta-auth-js';
import { useIdxTransaction } from '../contexts';

const LoginCallback = () => {
  const history = useHistory();
  const { setTransaction } = useIdxTransaction();
  const { oktaAuth } = useOktaAuth();

  useEffect(() => {
    const parseFromUrl = async () => {
      try {
        if (hasInteractionCode(window.location.search)) {
          await oktaAuth.idx.handleInteractionCodeRedirect(window.location.href);
        } else if (hasAuthorizationCode(window.location.search)) {
          await oktaAuth.handleLoginRedirect();
        } else {
          throw new Error('Unable to parse url');
        }
        history.push('/');
      } catch (err) {
        console.log(err);
      }
    };

    if (hasErrorInUrl(window.location.search)) {
      const url = new URL(window.location.href);
      const error = new Error(`${url.searchParams.get('error')}: ${url.searchParams.get('error_description')}`);
      setTransaction({
        status: IdxStatus.FAILURE,
        error
      });
      return;
    } else if(oktaAuth.isLoginRedirect()) {
      return parseFromUrl();
    }
    
    const handleEmailVerifyCallback = async () => {
      try {
        const newTransaction = await oktaAuth.idx.handleEmailVerifyCallback(window.location.search);
        setTransaction(newTransaction);
      } catch (error) {
        setTransaction({
          status: IdxStatus.FAILURE,
          error
        });
      } finally {
        history.push('/');
      }
    };

    if (oktaAuth.idx.isEmailVerifyCallback(window.location.search)) {
      return handleEmailVerifyCallback();
    }
  }, [oktaAuth, history, setTransaction]);
  
  return null;
};

export default LoginCallback;