Медиа-запрос Material-UI не работает с нативным стилем

Question

Невозможно использовать [props => props.theme.breakpoints.up ('sm')] ?

import React from 'react';
import { styled, withTheme } from '@material-ui/core';

export const DefaultContent = withTheme(
  styled(({ theme, ...other }) => <main {...other} />)({
    flexGrow: 1,
    padding: props => props.theme.spacing(1),
    backgroundColor: 'red',
    [props => props.theme.breakpoints.up('sm')]: {
      backgroundColor: 'blue',
    },
  })
);