title: Invariant Violation: "borderLeft" is not a valid style property
body: <p>I'm using <a href="https://www.styled-components.com/" rel="nofollow noreferrer">styled-components</a> in a React Native project and I'm trying to set a left border in a text component.</p>
  
  <pre><code>import React, { Component } from 'react';
  import styled from 'styled-components';
  
  const TitleText = (props) =&gt; {
    return (
      &lt;Text&gt;{props.text}&lt;/Text&gt;
    );
  };
  
  const Text = styled.Text`
    font-family: ${props =&gt; props.theme.fontFamily};
    color: ${props =&gt; props.theme.darkBlue};
    border-left: 1px solid #000;
  `;
  </code></pre>
  
  <p>The problem is that after adding <code>border-left: 1px solid #000</code>and reload the app, it shows: "Invariant Violation: "borderLeft" is not a valid style property".</p>
  
  <p>How can I add a left border to that component using styled components?</p>