hola amigos, he escrito este código para abrir la página de inicio de sesión de la biblioteca next-auth en una nueva ventana usando la biblioteca react-new-window pero el problema con este código tan pronto como hago clic en el botón se abre en la nueva ventana arriba y se cierra inmediatamente

 import { useEffect } from "react"; import { signIn, useSession } from 'next-auth/react'; const SignInPage = () => { const { data: session, loading } = useSession(); useEffect(() => { if(!loading && !session) void signIn('discord') if(!loading && session) window.close() }, [ session, loading ]) return null } export default SignInPage

 import { useState } from 'react'; import NewWindow from 'react-new-window'; import { signIn, useSession } from 'next-auth/react'; import Button from '@mui/material/Button'; import Box from '@mui/material/Box'; export default function Home() { const { data: session, status } = useSession(); const [popup, setPopUp] = useState(false); return ( <Box> <Button color="inherit" onClick={() => setPopUp(true)}>Login</Button> { popup && !session ? ( <NewWindow url='./SignInPage' onUnload={() => setPopUp(false)} /> ) : null } </Box> ) }

después de hacer algo de depuración, descubrí que al onUnload en

 <NewWindow url='./SignInPage' onUnload={() => setPopUp(false)} />

se está ejecutando automáticamente, lo que no se supone que se ejecute automáticamente, debe activarse después de obtener la sesión. Por favor, ayúdenme a resolver este problema.