Generated stylesheet breaks, doesn't correctly change px to plain number

[fxfactorial]

Given this:

const TaskScrollWrapper = styled.ScrollView`
  padding: 10;
  background-color: red;
`;

const NewTaskBanner = styled.Text`
  font-size: 18px;
  text-align: center;
`;

  const content = (
    <TaskScrollWrapper>
      <NewTaskBanner> Hello World</NewTaskBanner>
    </TaskScrollWrapper>
  );

Then I get an error with RN "react-native": "0.42.0", this is with "styled-components": "^1.4.5",.

Of course it does work when I drop the 'px', Thanks.

[jacobp100]

Styled-components v1 is using v1 of this library. Unit support was only added in v2.

[fxfactorial]

@jacobp100 Okay, so besides closing is there any advice? I should just wait until styled-components catches up?

[jacobp100]

It's in SC v2, since it was a breaking change. Not sure what the timeline for that being released though!

[jacobp100]

Also you can omit units for now, and we have a code transform to add them later.