`xs: 0px` cannot be assigned as minimum breakpoint

Hi guys !

In a NextJs project, I use your library for handling easily breakpoints (thanks by the way).

Unfortunately, this code below seems does not work since this following error has triggered : Error: [styled-breakpoints]: 'xs: 0px' cannot be assigned as minimum breakpoint.

FYI, I use default breakpoint values.

export const Container = styled.div<WrapperProps>`
  ${space}

  margin-left: auto;
  margin-right: auto;

  ${between('xs', 'md')} {
    width: 90%;
  }

  ${up('md')} {
    width: 70%;
  }
`;

I remember a few months ago, this kind of code worked.

I use next 12.0.7 (which uses SWC instead of Babel now), styled-components 5.3.3 and styled-breakpoints 10.2.1.

Thanks for your help 😃.

[fbnvdblck]

@mg901 You’re right. So, it’s why sm is explicitly forbidden in this case. Thanks for your answer 😉.

[mg901]

Hi, @fvandenbulck !) Just replace your code with this

export const Container = styled.div<WrapperProps>`
  ${space}

  margin-left: auto;
  margin-right: auto;
  width: 90%;

  ${up('md')} {
    width: 70%;
  }
`;