search

rebassjs / grid

This package has moved and renamed
https://rebassjs.org/reflexbox
MIT License
2.04k stars 96 forks source link

Styled-components v4 breaks grid-styled #146

Closed marchenko-ia12 closed 6 years ago

marchenko-ia12 commented 6 years ago

After updating styled-component all props like mb,mt and etc don't work.

marco-streng commented 6 years ago

Same here. The props now appear as html attribute on the tag.

<div class="sc-bdVaJa jZblEN" px="1,2,3" mb="2">

EDIT: https://github.com/elifesciences/elife-xpub/pull/515 as a workaround helps me. Also with 3.0.3 of styled-system.

  "resolutions": {
    "styled-system": "3.0.3"
  },
jxnblk commented 6 years ago

For styled-components v4, you may want to use the new @rebass/grid package

jxnblk commented 6 years ago

Closing this, but feel free to open a new issue if you still encounter issues with the latest @rebass/grid and styled-components v4