Request for GoogleOAuthProvider to work as a local component wrapper about react-oauth HOT 2 OPEN

import { useLocation } from "react-router-dom";
import { GoogleAuthenticationService } from "../services/authentication/googleAuthenticationService";
import useGlobalState from "./useGlobalState";
import store from "../store";
import { useEffect, useMemo } from "react";
import { useGoogleLogin } from "@react-oauth/google";

const useGoogleAuthenticationService = (googleAuthenticationService: GoogleAuthenticationService) => {
    const { isAppLoading, hasError } = useGlobalState(store.auth);
    const { search } = useLocation();
    const code = useMemo(() => new URLSearchParams(search).get("code"), [search]);

    const login = useGoogleLogin({
        flow: "auth-code",
        scope: "openid email",
        ux_mode: "redirect",
        onError: console.error,
        onNonOAuthError: console.error
    });

    useEffect(() => {
        if (isAppLoading || hasError) return;

        if (code) {
            googleAuthenticationService.signIn(code);
        } else {
            login();
        }
    }, [isAppLoading, hasError, code, login]);
};

export default useGoogleAuthenticationService;