Тег img не читает URL-адрес, переданный в sr c reactJS

Question

Я получаю свой img url из моей БД вот так

const [img,setImg] = useState()

 useEffect((): void => {
      axios
    .get(`http://localhost:4000/getUser/${match.params.userId}`)
    .then((users) => {
      dispatch(actions.getUser(users.data))
    })
    .catch((err) => {
      console.log('--------err', err);
    })
  

},[])

После этого я устанавливаю Img на img следующим образом: URL-адрес, подобный этому file:///home/user/Desktop/sql/uploads/avatar-1594717135245.jpeg.gif. Когда я копирую его и вставляю в браузер, я получаю img, который должен отображаться, поэтому URL-адрес правильный.

Вот мой тег img: <img ref={fileRef} src={img} width={'400'} alt={'picture'}/> он не показывает ошибок в консоли, но проблема в том, что изображение тоже не отображается. Есть предложения, пожалуйста?