How can I cancel Interval polling?

[zhangking]

I use refreshInterval to implement the Interval polling. But I'd know how to cancel it when it's running

[shuding]

You can use a state for the interval, and set it to 0 when you want to cancel:

const [int, setInt] = useState(3000)
const { data } = useSWR('/api', fetcher, { refreshInterval: int })

return <button onClick={() => setInt(0)}>cancel</button>

[zhangking]

thks

[Gavinchen92]

You can use a state for the interval, and set it to 0 when you want to cancel:

const [int, setInt] = useState(3000)
const { data } = useSWR('/api', fetcher, { refreshInterval: int })

return <button onClick={() => setInt(0)}>cancel</button>

dont work

[shuding]

@Gavinchen92 Can you give me more details? Here's a working example: https://codesandbox.io/s/exciting-zhukovsky-jxm18

[SevenOutman]

Same problem here. In React devtools you see refreshInterval: 0 in useSWR hook, but the polling doesn't stop. Opened a new issue #632 for detailed explanation.