diff --git a/web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx b/web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx index 140677013..074b0b500 100644 --- a/web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx +++ b/web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx @@ -1,6 +1,6 @@ import { Popover } from 'antd'; import { CloseOutlined } from '@ant-design/icons'; -import React, { useState } from 'react'; +import React, { useState, useEffect } from 'react'; import s from './NotifyReminderPopup.module.scss'; interface Props { @@ -13,6 +13,11 @@ interface Props { export default function NotifyReminderPopup(props: Props) { const { children, visible, notificationClicked, notificationClosed } = props; const [visiblePopup, setVisiblePopup] = useState(visible); + const [mounted, setMounted] = useState(false); + + useEffect(() => { + setMounted(true); + }, []); const title =