source: frontend/src/Components/LoginCallback.js

import React, { useEffect } from "react";
import { useLocation, useNavigate } from "react-router-dom";
import useLogin from "./Hooks/User/useLogin";

const LoginCallbackComponent = () => {
    const location = useLocation();
    const navigator = useNavigate();
    const { handleLoginCallback } = useLogin();

    useEffect(() => {
        // Call a function to handle the callback and extract data
        handleLoginCallback();
        navigator("/home");
    }, []);

    return (
        <div>
            Redirecting...
        </div>
    );
};

export default LoginCallbackComponent;