placement error!!! options.placement set 'top' but replace to 'bottom'

[acgblogs]

<==== my code ====> const Example = () => { const [referenceElement, setReferenceElement] = React.useState(null); const [popperElement, setPopperElement] = React.useState(null); const { styles, attributes } = usePopper(referenceElement, popperElement, { placement: 'top' });

return (
  <>
    <button type="button" ref={setReferenceElement}>
      Reference
    </button>
    {ReactDOM.createPortal(
      <div
        ref={setPopperElement}
        style={styles.popper}
        {...attributes.popper}
      >
        Popper
      </div>,
      document.body
    )}
  </>
);

};

<==== popper render result ===>

[acgblogs]

package version: "@popperjs/core": "^2.11.5", "react-popper": "^2.2.5"