Online fetched source is not a supported image

[usmansbk]

{
    "react-native": "^0.62.2",
    "react-native-user-avatar": "^1.0.7"
}

const src = "https://dffqb1y6phusm.cloudfront.net//eyJidWNrZXQiOiJzY2hkbHJhc3NldHMtcHJvZCIsImtleSI6InB1YmxpYy9iYW5uZXIvSU1HLTIwMjAwNDMwLTMyVjVjckNiRiIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6MTAwLCJoZWlnaHQiOjEwMCwiZml0IjoiY292ZXIifX19";
<UserAvatar
  name={name}
  size={size}
  src={src}
/>

I get the warning below in console
Online fetched source is not a supported image;

Note: It loads google account avatars normally. Maybe a problem with RN, I'm not sure.

Extra

I noticed this component is not as circular as I percieved it in earlier version. I can see a little bit of the background color along the border.

My current solution

<UserAvatar
  name={name}
  // dont add 'src' prop to prevent borderWidth of 1
  style={{ // Add this to give a more circular shape
     width: size,
     height: size,
  }}
  size={size} // You still need this to keep the container circular
  component={
     src ? (
     <Image source={{uri: src}} style={{
         width: size + 1, // Adding 1 to prevent background border from leaking
         height: size + 1,
         borderRadius: size / 2
     }}/> ) : undefined
  }
/>

[leoz]

@usmansbk : I forked this package to retain old behavior.

You could try it like this:

yarn add react-native-user-avatar-component