Why are the required images not connected?

Question

webpack

There is approximately the following structure:
There is a separate component with the output of comments to which the comment tree is passed:

const listReviews = [
  {
    img: require('./img/r1.jpg'),
    publish: '30 июл в 10:04',
    author: 'Кирилл Фадеев',
    message: 'Все хорошо'
  },
  {
    img: require('./img/r2.jpg'),
    publish: '30 июл в 10:04',
    author: 'Ilay Evil',
    message: 'Все отлично'
  },
];

<Reviews list={listReviews}/>

The components are in two different folders. Why is webpack trying to load images from the component's Reviews folder and not from the current component's folder?

Answer 1

{
  test: /\.(jpg|png|gif|ico|svg)$/,
  use: [{
    loader: 'file-loader',
    options: {
      name: 'images/[name]-[hash:base64:5].[ext]'
    }
  }]
},