react detecting focus of a browser window get data

Component.js

export default function Component() {
  const [isFocus, setIsFocus] = useState(true)
  const { getData } = useContext(RedisDatabaseStoreContext)

  useInterval(async () => {
    if (!isFocus) return
    await getData()
  }, 5000)

  useEffect(() => {
    document.onfocus = () => setIsFocus(true)
    document.onblur = () => setIsFocus(false)
  }, [])
  
  return null
  
}