Not able to overwrite FontAwesome default svg icon's outline on focused state in react native for web project

[rwangdi]

I am using fontawesome svg pro icon for react native for web in expo with typescript project. I got issue on focused state i.e., fontawesome has defualt outline with 5px, which is not able to overwrite in browser.

I need solution to overwrite fontawesome pro icon outline when it is in focused state.

Thanking you in advance.

[gixxy22]

Add outline: 'none' to the style prop, example:

import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
import { faHouse as faHouseSolid } from '@fortawesome/free-solid-svg-icons/faHouse';
<FontAwesomeIcon
    style={{ outline: 'none' }} //disables default outline in chrome
    icon={faHouseSolid}
    size={24}
    color='#000000'
/>