I am using MUI data grid pro for show data. By default data grid pro shoiwng Custom toolbar filter in left side, Like Column, Filter etc. I moved these button to right side.

But the issue is, now popovers on clicking these buttons are still showing in left side. I want to move these popovers also in right side.

I tried with

<GridToolbarContainer>
    <GridToolbarFilterButton ref={setFilterButtonEl} />
  </GridToolbarContainer>

<DataGrid
        {...data}
        components={{
          Toolbar: CustomToolbar,
        }}
        componentsProps={{
          panel: {
            anchorEl: filterButtonEl,
          },
          toolbar: {
            setFilterButtonEl,
          },
        }}
      />

But it giving me error with Maximum debth reach inifinit refendering issues.

Any one got any idea.?