diff --git a/packages/react-core/src/helpers/Popper/Popper.tsx b/packages/react-core/src/helpers/Popper/Popper.tsx index 42d2a1a0815..b5d3f092f3a 100644 --- a/packages/react-core/src/helpers/Popper/Popper.tsx +++ b/packages/react-core/src/helpers/Popper/Popper.tsx @@ -149,13 +149,11 @@ export const Popper: React.FunctionComponent = ({ const [popperElement, setPopperElement] = React.useState(null); const [ready, setReady] = React.useState(false); const refOrTrigger = refElement || triggerElement; - const onDocumentClickCallback = React.useCallback(event => onDocumentClick(event, refOrTrigger, popperElement), [ - isVisible, - triggerElement, - refElement, - popperElement, - onDocumentClick - ]); + const onDocumentClickCallback = React.useCallback( + (event: MouseEvent) => onDocumentClick(event, refOrTrigger, popperElement), + [isVisible, triggerElement, refElement, popperElement, onDocumentClick] + ); + React.useEffect(() => { setReady(true); }, []); diff --git a/packages/react-topology/src/behavior/useBendpoint.tsx b/packages/react-topology/src/behavior/useBendpoint.tsx index b634379404d..ec31a2715ae 100644 --- a/packages/react-topology/src/behavior/useBendpoint.tsx +++ b/packages/react-topology/src/behavior/useBendpoint.tsx @@ -56,7 +56,7 @@ export const useBendpoint = ( ); // argh react events don't play nice with d3 pan zoom double click event - const ref = React.useCallback( + const ref = React.useCallback( node => { d3.select(node).on( 'click', diff --git a/packages/react-topology/src/components/popper/Popper.tsx b/packages/react-topology/src/components/popper/Popper.tsx index 87d42298b13..ad45d650f29 100644 --- a/packages/react-topology/src/components/popper/Popper.tsx +++ b/packages/react-topology/src/components/popper/Popper.tsx @@ -192,7 +192,7 @@ const Popper: React.FunctionComponent = ({ onClickOutside ]); - const nodeRefCallback = React.useCallback( + const nodeRefCallback = React.useCallback>( node => { nodeRef.current = node; initialize();