Material UI: Как переопределить брейкпойнты в пикселях для использования в Grid?

В компоненте Grid можно использовать брейкпойнты, как например здесь:

<Grid item xs={12} lg={6}>
 ...
</Grid>

По умолчанию эти брейкопойнты равняются:

xs, extra-small: 0px
sm, small: 600px
md, medium: 900px
lg, large: 1200px
xl, extra-large: 1536px

Как переопределить эти числа для всего приложения?