React Hooks to listen to navigation didFocus event

useNavigationFocusChanged.js

import { useState, useEffect, useRef } from 'react'

export const useNavigationFocusChanged = (navigation, event) => {
    const [focus, setFocus] = useState(false)
    const listener = useRef(null)
    useEffect(() => {
        const changeFocus = () => {
            setFocus(prev => !prev)
        }
        listener.current = navigation.addListener(event, changeFocus)
        return () => listener.remove()
    }, [navigation, event])
    return focus
}