구글 OAuth2

import { Box } from '@chakra-ui/react';
import { useRouter } from 'next/router';
import Script from 'next/script';
import { useRef } from 'react';

const GOOGLE_LOGIN_URL =
    'http://localhost:80/oauth2/authorization/google?redirect_uri=http://localhost:3000';

const GoogleLoginButton = () => {
    const router = useRouter();
    const loginButton = useRef<HTMLDivElement>(null);

    const handleLoginButtonClick = async (
        event: React.MouseEvent<HTMLDivElement>
    ) => {
        event.stopPropagation();
        // router.push(GOOGLE_LOGIN_URL);
        try {
            fetch(
                'http://localhost:80/oauth2/authorization/google?redi',{method:'POST'}
            ).then((res) => console.log(res));
        } catch (error) {
            console.log(error);
        }
    };

    return (
        <>
            <Script src="https://accounts.google.com/gsi/client" async defer />
            <Box
                id="g_id_onload"
                data-ux_mode="popup"
                className="g_id_signin"
                data-type="standard"
                data-size="large"
                data-theme="filled_blue"
                data-text="sign_in_with"
                data-shape="rectangular"
                data-logo_alignment="left"
                ref={loginButton}
                onClickCapture={handleLoginButtonClick}
            />
        </>
    );
};

export default GoogleLoginButton;