Bug: Unable to toggle Popover in React 17

[scurker]

Steps to reproduce

Have React 17 installed/running with the latest version of Cauldron. Have a Popover with a triggered button:

function Example() {
  const [show, setShow] = useState(false);
  const onTogglePopover = () => setShow(!show);
  const buttonRef = useRef();

  return (
    <>
      <Button 
        onClick={onTogglePopover} 
        variant="secondary" 
        buttonRef={buttonRef}
      >
        Prompt!
      </Button>
      <Popover
        variant="prompt"
        target={buttonRef} 
        placement="auto" 
        show={show} 
        onClose={onTogglePopover}
        infoText="Are you sure you want to exit this wizard? All changes will be lost."
      />
    </>
  )
}

Expected Behavior

The popover should appear when the button is clicked.

Actual Behavior

The popover does not appear.

Anything else we should know?

This is likely related to #1087 and #830. All of these components use ClickOutsideListener where the listener is activated preventing the actions from occurring.