React: не загружаются изображения

Код компонента:

import React from 'react'

export default function App() {

    return (
    <div>
        <img src={'img/pic1.png'} alt={'фото'}/>
        <img src={'img/pic2.jpg'} alt={'фото'}/>
    </div>
    )
}

Код index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';


ReactDOM.render(
    <App />,
    document.getElementById('root')
)

Изображения находятся в папке src/img, а index.js находится в src.

На выходе в браузере изображения выглядят не загруженными