Oui, vous pouvez utiliser Javascript CustomEvent pour communiquer entre le DOM virtuel React et le DOM réel Javascript.

Veuillez vous référer à l'extrait de code suivant.

const MyEvent = {
  on(event: string, callback: (e: any) => void) {
    document.addEventListener(event, (e: any) => {
      const data = (e as {
        detail: any
      }).detail
      callback(data)
    })
  },
  dispatch(event: string, data ? : any) {
    document.dispatchEvent(new CustomEvent(event, {
      detail: data
    }))
  },
  remove(event: string, callback ? : (e: any) => void) {
    if (callback) {
      document.removeEventListener(event, callback)
    }
  },
}

export default MyEvent