Я использую макет Box из Material-ui для своего приложения реакции. У него есть два свойства для компонента flexGrow или flexShrink, который внутренне устанавливает свойства flex-grow и flex-shrink css. Этот атрибут принимает только целые числа. Как добавить условные значения для экрана мобильного или рабочего стола? Что я хочу сделать, это flexGrow = 1 для экрана рабочего стола и flexGrow = 0 для мобильного телефона. Ниже песочница, с которой я пытаюсь.
https://codesandbox.io/s/material-ui-box-size-demo-uqpy4