لا يقوم React بتحميل الصور المحلية

أقوم بإنشاء تطبيق تفاعل صغير ولا يتم تحميل صوري المحلية. 

import React, { Component } from 'react';

class App extends Component {
    render() {
        return (
            <div className="nav-container">
              
                        <img src={"/images/logo.png"} />
                   
            </div>
        );
    }
}

export default App;

ولكن عند وضع رابط لصورة من الويب تعمل بشكل طبيعي

import React, { Component } from 'react';

class App extends Component {
    render() {
        return (
            <div className="nav-container">
              
                        <img src="https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.theguardian.com%2Fscience%2F2019%2Fjun%2F17%2Fhow-dogs-capture-your-heart-evolution-puppy-dog-eyes&psig=AOvVaw301sOAJ03NKCdAzUH9jaRM&ust=1616372266433000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCLi7yZyOwO8CFQAAAAAdAAAAABAD" />
                   
            </div>
        );
    }
}

export default App;

ما المشكلة ?