Not able to see OnPrompt is being called.

[msita143]

I was just testing on how this works, and trying to understand and found the onPrompt function is not being called.
Here is my simple code:

`
import React, { useState, useEffect } from "react";
import { useIdleTimer } from "react-idle-timer";

export default function App() {

const onPrompt = () => {
console.log("Now I am ON PROMOT...");
};
const onIdle = () => {
console.log("Now I am idle... : ");
};

const onActive = (event) => {
console.log("Now I am Active...", event);
};

const onAction = (event) => {
console.log("Now I am taking action...");
};

const { getRemaningTime, isPrompted, getTabId, activate } = useIdleTimer({
timeout: 1000 * 20, //20 secs
promptTimeout: 0, //10sec
onPrompt,
onIdle,
onAction,
onActive,
//events: ["mousemove", "mousedown"],
//eventsThrottle: 200,
startOnMount: true
//element: document
});

return (

    <h1>Timeout: {timeout}ms</h1>
    <h1>Time Remaining: {remaining}</h1>
    <h1>Time Elapsed: {elapsed}</h1>
    <h1>Last Active: {format(lastActive, "MM-dd-yyyy HH:MM:ss.SSS")}</h1>
</div>

);
}
`

[SupremeTechnopriest]

Looks like your prompt timeout is 0. That needs to be a positive, non zero number for the onPrompt function to be called.

[msita143]

I did try with 10 sec and it still not being called

[msita143]

[msita143]

it is printing idle but not prompt stuff

[msita143]

I was using old 4.o. IdleTimer and came to know this new 5.0 one.
Now this onPrompt is not very clear. In 4.0 we have our Modal which pops up 1 min before idle is going to happen.
but now not sure how do I do it here as onPrompt is not working

[SupremeTechnopriest]

Can you link me to that code sandbox.

[SupremeTechnopriest]

Looks like that sandbox is using v4. Prompts only work with v5.

[msita143]

Oh yes , sorry my bad, I did not check the version.
Yes it works.
Thanks for all the help

[SupremeTechnopriest]

No problem. Can you mark this as answered?

[SupremeTechnopriest]

Nevermind I got it!