Context value not updated inside Recompose withHandlers

Question

I have context withActiveModalData and it has activeID

export const withActiveModalData = (Component: React.ComponentType<any>) => React.forwardRef((props, ref) => (
    <ModalContext.Consumer>
      {({ activeId, closeModal, data, promptData, openPromptModal }) => (
        <Component {...props} {...data} {...promptData} closeModal={closeModal} ref={ref} activeId={activeId} openPromptModal={openPromptModal}/>
      )}
    </ModalContext.Consumer>
))

And there is function for setting activeID to null

openModal: ({ setLocalState }) => (id: ModalId, data) => setLocalState({ data, activeId: id }),
closeModal: ({ setLocalState }) => () => setLocalState({ activeId: null, data: {} }),

When I closeModal, it becomes null. But in my handleDropFunction it doesn't update:

const enhance = compose(
 withActiveModalData,
 withHandlers({
 handleFileDrop: (props) => async (files: File[]) => {
      props.closeModal()
      console.log(props.activeId)
setTimeout(() => {
        console.log(props.activeId)
        console.log('3')
        //even here it is not update.
      }, 5000)
)},
 
)

I wish to make it reproducable codepen, but there are many components involved. It is updated in componentDidUpdate, but not updated inside the handleFileDrop function. I will provide more info if necessary. Thank you.