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"