Function Example

packages/react-aria/test/overlays/usePopover.test.tsx:19–32

(props: OverlayTriggerProps)

import {usePopover} from '../../src/overlays/usePopover';

function Example(props: OverlayTriggerProps) {
  const triggerRef = useRef(null);
  const popoverRef = useRef(null);
  const state = useOverlayTriggerState(props);
  useOverlayTrigger({type: 'listbox'}, state, triggerRef);
  const {popoverProps} = usePopover({triggerRef, popoverRef}, state);

  return (
    <div>
      <div ref={triggerRef} />
      <div {...popoverProps} ref={popoverRef} />
    </div>
  );
}

describe('usePopover', () => {
  it('should not close popover on scroll', () => {