How can I change the anchor position dynamically in Material-UI Popover when element is near the edge of the window or bottom of the page?

Question

when div element is at the right bottom corner of the window: anchor-position: vertical(top)-horizontal(right) transform-origin: vertical(bottom)-horizontal(right)

wh