Answers for "popover element: arrowRef,"

popover element: arrowRef,

<Popper
    placement="bottom"
    disablePortal={false}
    modifiers={{
      flip: {
        enabled: true,
      },
      preventOverflow: {
        enabled: true,
        boundariesElement: 'scrollParent',
      },
      arrow: {
        enabled: true,
        element: arrowRef,
      },
    }}
  >

material ui popper arrow

<Popper
    placement="bottom"
    disablePortal={true}
    modifiers={{
      flip: {
        enabled: true,
      },
      preventOverflow: {
        enabled: false,
        boundariesElement: 'scrollParent',
      },
      arrow: {
        enabled: false,
        element: arrowRef,
      },
    }}
  >