Styled Components does not allow me to set a background color

So, just found out about Styled Components. I go on and yarn add it to my react native project, set it up and this happends:

Invariant Violation: Invalid prop `backgroundColor` supplied to `StyleSheet generated`: '#166191'
Valid color formats are
  - '#f0f' (#rgb)
  - '#f0fc' (#rgba)
  - '#ff00ff' (#rrggbb)
  - '#ff00ff00' (#rrggbbaa)
  - 'rgb(255, 255, 255)'
  - 'rgba(255, 255, 255, 1.0)'
  - 'hsl(360, 100%, 100%)'
  - 'hsla(360, 100%, 100%, 1.0)'
  - 'transparent'
  - 'red'
  - 0xff00ff00 (0xrrggbbaa)

StyleSheet generated: {
  "flexGrow": 1,
  "flexShrink": 1,
  "flexBasis": 0,
  "backgroundColor": "'#166191'"
}

Here is my common.js file to group the few common styles in my app

import styled from 'styled-components/native';

export const Container = styled.View`
    flex: 1;
    background-color: '#166191';
`;

On my component I import the container through import { Container } from '../styles/common'; and use it as <Container>. Why is this not working 😢

(moving all the code inside of the component file does not change anything)

[gribnoysup]

@Leisors have you tried without quotes around the color value?

export const Container = styled.View`
    flex: 1;
    background-color: #166191;
`;

[alessandrocapra]

@Leisors have you tried without quotes around the color value?

export const Container = styled.View`
    flex: 1;
    background-color: #166191;
`;

It finally worked, thanks!