title: How to change border color when focus on a nativebase TextArea Component on focus?
body: <p>im using Native base for a react app and the problem Im having is that the _focus={{}} on the TextArea component is no working. I let the code down here, it would be really appreciated if anyone knows how to make it work. Thanks!</p>
  <pre><code>import React from 'react';
  
  import { TextArea } from 'native-base';
  
  function TextAreaComponent({
    height = '20',
    placeholder,
    width = '75%',
    maxWidth = '300',
    isInvalid = false,
    isDisabled = false,
    backgroundColor = '#F4F4F6',
    borderColor = '#E1E0E6',
    borderWidth = '1px',
    color = '#73737D',
    fontSize = '14px',
    numberOfLines = '4',
  }) {
    return (
      &lt;TextArea
        height={height}
        placeholder={placeholder}
        width={width}
        maxWidth={maxWidth}
        isInvalid={isInvalid}
        isDisabled={isDisabled}
        backgroundColor={backgroundColor}
        borderColor={borderColor}
        color={color}
        borderWidth={borderWidth}
        fontSize={fontSize}
        numberOfLines={numberOfLines}
        _focus={{ borderColor: 'white' }}
        // _focus={{ borderColor: '#fff' }} //? focus here left to implement.
  
      /&gt;
    );
  }
  
  export default TextAreaComponent;
  </code></pre>