const now = new Date();
 cy.login(creds);
 cy.clock(now);
 cy.tick(IDLE_TIMEOUT);
 cy.findByTestId('app-idle-timeout-modal').should('exist');

const AppIdleTimeoutModal: React.FC = () => {
 const { logout } = auth0();
 const [isOpen, setOpen] = useState(false);
 const [remainingTime, setRemainingTime] = useState(0);
 const onPrompt = () => {
 setOpen(true);
 setRemainingTime(PROMPT_TIMEOUT);
 };
 const onLogout = () => {
 logout();
 setOpen(false);
 };
 const onIdle = () => {
 onLogout();
 };
 const onMessage = (e: string) => {
 if (e === LOGOUT_MESSAGE) {
 onLogout();
 }
 };
 const { activate, getRemainingTime, isPrompted, message } = useIdleTimer({
 onPrompt,
 onIdle,
 onMessage,
 timeout: IDLE_TIMEOUT,
 promptTimeout: PROMPT_TIMEOUT,
 crossTab: true,
 syncTimers: 200,
 timers: workerTimers
 });
 const logoutWithMessage = () => {
 message(LOGOUT_MESSAGE);
 onLogout();
 };
 const onStayActive = () => {
 activate();
 setOpen(false);
 };
 useEffect(() => {
 const interval = setInterval(() => {
 if (isPrompted()) {
 setRemainingTime(getRemainingTime());
 }
 }, 1000);
 return () => {
 clearInterval(interval);
 };
 }, [getRemainingTime, isPrompted]);
 return (
 <Dialog open={isOpen}>
 <div>{remainingTime}</div>
 <Button onClick={() => logoutWithMessage()}>Logout</Button>
 <Button onClick={() => onStayActive()}>Stay active</Button>
 </Dialog>
 );
};