Hi, I have a question in regards to passing default theme props to a component.
My example is using the TablePagination component.
Underlying it uses the Select which uses the Menu, Popover and Modal.

I am trying to set a default container to the Modal component, but it seems that it only works if I use the Modal directly.

If I use the TablePagination component, I need to do it differently, which seems odd to me.

Here is a sandbox to demonstrate the issue.

https://codesandbox.io/s/material-demo-forked-p06py?file=/demo.js

Current Behavior 😯

In order to pass a container prop to the Modal inside of the Select I have to use

    MuiSelect: {
      MenuProps: {
        // this is required for fullscreen mode to work, it baically binds the tooltip to the fullscreen element if any
        container: () => {
          console.log("Select container");
        }
      }
    }

Expected Behavior 🤔

I was expecting to be able to simply pass the prop to the Modal component by doing:

    MuiModal: {
      container: () => {
        console.log("container");
      }
    },

Steps to Reproduce 🕹

In order to reproduce the issue, do the following.

On the page, simply click on the button to toggle the modal and then click on the paging option in the pagination.

You should see two console logs. container and select container.

Then comment out the MuiSelect props and try to toggle the select in the pagination again, and you should only see container when toggling the modal.

Context 🔦

My use case, was to simply pass a default prop to any component using the Modal as the underlying component which access theme props.

If my understanding of it is wrong please let me know. And sorry if I am being unclear.

Thanks!