[core] fix(Popover): resolve React synthetic event warning (#6651)

Co-authored-by: Braeden Smith <[email protected]> Co-authored-by: Adi Dahiya <[email protected]>
palantir · Jan 12, 2024 · 0fd5635 · 0fd5635 · adidahiya · Jan 12, 2024
1 parent deaabf2
commit 0fd5635
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/core/src/components/popover/popover.tsx b/packages/core/src/components/popover/popover.tsx
@@ -742,7 +742,11 @@ export class Popover<
         // cancel any existing timeout because we have new state
         this.cancelOpenTimeout?.();
         if (timeout !== undefined && timeout > 0) {
-            this.cancelOpenTimeout = this.setTimeout(() => this.setOpenState(isOpen, e), timeout);
+            // Persist the react event since it will be used in a later macrotask.
+            e?.persist();
+            this.cancelOpenTimeout = this.setTimeout(() => {
+                this.setOpenState(isOpen, e);
+            }, timeout);
         } else {
             if (this.props.isOpen == null) {
                 this.setState({ isOpen });