How to use the Media queries utility

[ElMarmos]

Hi, I have a problem when using the Media queries utility. I'm trying to add css rules at different breakpoints to a styled component, but when I add more than 1 media rule I got the following error in the component.

This JSX tag's 'children' prop expects a single child of type 'never', but multiple children were provided.

And this is what I'm trying to do.

const LinksContainer = styled.ul`
  ...

  ${media.large`
    ...
  `}

  ${media.medium`
    ...
  `};
`;

Am I using the util wrong or is it intended for a single breakpoint?

Thanks.

[Can-Sahin]

Nope I can use it multiple times. Just try it in the example application and if it's not working let me know. But it does ;)

I assume something is your in the styling of yours

[ElMarmos]

I can use it multiple times when styling a component, but when I use that component I get different type of errors.

Here is a little example.

Styles.

Component.

[Can-Sahin]

I cannot help you like this. If you are really stuck make an example repo so that I can try shortly