how to use arrow ref in popper material ui code example

Example 1: popover element: arrowRef,

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

Example 2: material ui popper arrow

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