material-ui popover with arrow code example

Example: material ui popper arrow

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