diff --git a/frontend/src/container/OrganizationSettings/PendingInvitesContainer/index.tsx b/frontend/src/container/OrganizationSettings/PendingInvitesContainer/index.tsx index e5d6eb06ac..76c25c09b3 100644 --- a/frontend/src/container/OrganizationSettings/PendingInvitesContainer/index.tsx +++ b/frontend/src/container/OrganizationSettings/PendingInvitesContainer/index.tsx @@ -55,12 +55,18 @@ function PendingInvitesContainer(): JSX.Element { queryKey: ['getPendingInvites', user?.accessJwt], }); - const toggleModal = (value: boolean): void => { - setIsInviteTeamMemberModalOpen(value); - }; - const [dataSource, setDataSource] = useState([]); + const toggleModal = useCallback( + (value: boolean): void => { + setIsInviteTeamMemberModalOpen(value); + if (!value) { + form.resetFields(); + } + }, + [form], + ); + const { hash } = useLocation(); const getParsedInviteData = useCallback( @@ -79,7 +85,7 @@ function PendingInvitesContainer(): JSX.Element { if (hash === INVITE_MEMBERS_HASH) { toggleModal(true); } - }, [hash]); + }, [hash, toggleModal]); useEffect(() => { if ( @@ -225,7 +231,13 @@ function PendingInvitesContainer(): JSX.Element { }); } }, - [getParsedInviteData, getPendingInvitesResponse, notifications, t], + [ + getParsedInviteData, + getPendingInvitesResponse, + notifications, + t, + toggleModal, + ], ); return (