Как использовать breakpoints styled-components внутри компонента React?

Question

[Alexander]

Существует ли подобная запись media query в styled components как у material ui?

const SimpleMediaQuery = () => {
  const matches = useMediaQuery("(min-width:600px)");
  
  if (matches) {
    return (
      <Paper elevation={5}>
        <Box p={5}>SimpleMediaQuery breakpoint has a min width of 600px</Box>
      </Paper>
    );
  }
  return <></>;
};

Answer 1

[profesor08]

Существует ли подобная запись media query в styled components как у material ui?

Это просто хук, к styled-components не имеет никакого отношения.

Возьми код useMediaQuery из material ui или напиши свой.