styled-components expect lineHeight to contain units

[thomasarbona]

I'm trying to use the library with styled-components as mentioned in this example.

The problem is that styled expect the lineHeight to contain units, but there is none. As we can see, for example, human.title1Object:

Object {
  "backgroundColor": "transparent",
  "color": "#000000",
  "fontFamily": "System",
  "fontSize": 28,
  "fontWeight": "400",
  "letterSpacing": 0.355469,
  "lineHeight": 34,
}

If I use the object like this:

export const Title1 = styled(props => <Text {...props} />)`
  ${human.title1Object};
`;

I get this:

Should I hack the library and add a unit to the object by myself or I'm missing something?

Thanks 👋

[ScreamZ]

Guess it's more related to styled component and especially https://github.com/styled-components/css-to-react-native lib

[LRNZ09]

I resolved by using emotion instead