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 =
Stay updated!
; const popupStyle = { @@ -35,26 +40,30 @@ export default function NotifyReminderPopup(props: Props) { }; const content = ( - - Click and never miss -
- future streams! - + + ); return ( - - {children} - + mounted && ( + + {children} + + ) ); }