import { useEffect } from 'react' ; import KeyCodes from 'shared/constants/keyCodes' ; const useOnEscapeKeyDown = ( isListening , onEscapeKeyDown ) => { useEffect ( ( ) => { const handleKeyDown = ( event ) => { if ( event . keyCode === KeyCodes . ESCAPE ) { onEscapeKeyDown ( ) ; } } ; if ( isListening ) { document . addEventListener ( 'keydown' , handleKeyDown ) ; } return ( ) => { document . removeEventListener ( 'keydown' , handleKeyDown ) ; } ; } , [ isListening , onEscapeKeyDown ] ) ; } ; export default useOnEscapeKeyDown ;