diff --git a/packages/twenty-front/src/modules/auth/components/AuthModalMountEffect.tsx b/packages/twenty-front/src/modules/auth/components/AuthModalMountEffect.tsx index 37f1483b2..0908433c7 100644 --- a/packages/twenty-front/src/modules/auth/components/AuthModalMountEffect.tsx +++ b/packages/twenty-front/src/modules/auth/components/AuthModalMountEffect.tsx @@ -3,12 +3,17 @@ import { useEffect } from 'react'; import { AUTH_MODAL_ID } from '../constants/AuthModalId'; +// TODO: Remove this component when we refactor the auth modal to open it directly in the PageChangeEffect export const AuthModalMountEffect = () => { - const { openModal } = useModal(); + const { openModal, closeModal } = useModal(); useEffect(() => { openModal(AUTH_MODAL_ID); - }, [openModal]); + + return () => { + closeModal(AUTH_MODAL_ID); + }; + }, [openModal, closeModal]); return null; };