Я посетил документацию пользовательского интерфейса материала, вот что я нашел при проверке:

Контейнер

Когда вы используете <Container> в своем коде, к вашему компоненту <Container> будут применены следующие стили.

Как вы можете видеть на снимке экрана выше, присутствуют два важных свойства:

• display: block
• max-width: 600px (В медиазапросах, поэтому зависит от ширины области просмотра)

Сетка

Когда вы используете в своем коде контейнер атрибутов, будут применяться следующие стили:

Как вы можете видеть выше, он использует макет flexbox для хранения столбцов, что может быть полезно для хранения flex-элементов (то есть столбцов). Также у него есть максимальная ширина, установленная в зависимости от типа интервала, который вы указываете.

После изучения этих различий, на мой взгляд, <Container> используется для внешней оболочки, которая содержит все компоненты в ней, тогда как <Grid container> можно использовать для создания макета столбца (12 столбцов), что на самом деле невозможно в случае <Container>.