Адаптивный дизайн с использованием пользовательского интерфейса Chakra. Показать компонент со свойством When. ⇐ Javascript

[Anonymous]

Новый компонент Show теперь имеет свойство if, но больше не имеет реквизитов выше или ниже. Я пытаюсь выполнить упражнение по использованию компонента Show для отображения элемента сетки только на экранах определенных размеров.
Я нашел способ добиться этого, используя useBreakPointValue и:


Есть ли лучший способ добиться этого? Или использовать что-то вроде «точки останова >= md»?
Полный код ниже:
import { Grid, GridItem, Show, useBreakpointValue } from "@chakra-ui/react";

export const Demo = () => {
const breakpoint = useBreakpointValue({
base: "base",
sm: "sm",
md: "md",
lg: "lg",
xl: "xl",
});

return (


Nav




Aside




Main


);
};


Подробнее здесь: https://stackoverflow.com/questions/798 ... n-property