Использование тернарных операторов с пользовательским интерфейсом материала (useMediaQuery)

Question

Я новичок в разработке пользовательского интерфейса и работаю над веб-проектом. Мне нужно изменить стиль на экранах разных размеров, но я использую компоненты пользовательского интерфейса материала и не могу использовать медиа-запросы CSS.

const Match = useMediaQuery ('(min-width: 600px)');

            <MenuLogoButton edge="start">
              <img 
                src={Logo} 
                className = {matches ? classes.mobilelogo : classes.logo} 
              />
            </MenuLogoButton>

Я уверен, что вы можете догадаться, что я пытаюсь сделать из кода, я пытаюсь заставить lo go изменить свой размер на меньших экранах

Но тернарная операция, похоже, не работает, и я здесь, чтобы узнать, почему. Спасибо :)