реагирует на импорт изображения, а не на загрузку изображения, и когда я пытаюсь декодировать сгенерированный код base64, изображение не отображается

Question

реагирует на импорт изображения, не загружая изображение, и когда я пытаюсь декодировать сгенерированный код base64, оно не дает мне изображение.

my webpack.config.js

{
            test: /\.(pdf|jpg|png|gif|svg|ico)$/,
            use: [
              {
                  loader: 'url-loader',
                  options: {
                      limit: 1000000
                  }
              }
            ]
        }, {
            test: /\.(jpg|png|gif|svg|pdf|ico)$/,
            use: [
                {
                    loader: 'file-loader',
                    options: {
                        name: '[sha512:hash:base64:7].[ext]',
                    },
                },
            ]
        }

myреагировать компонент, куда я импортирую изображения.

import React,{Component} from 'react';
import image1 from '../../assets/SliderImages/slider1.jpg'
import image2 from '../../assets/SliderImages/slider2.jpg'
import image3 from '../../assets/SliderImages/slider3.jpg'
import image4 from '../../assets/SliderImages/bg_mountains.png'
import './Slider.css'
class Slider extends Component {
    render() {
        return (
            <div className="Slider">
                <img src={image4}/>
                <img src={image3}/>
                <img src={image2}/>
                <img src={image1}/>
            </div>
        )
    }
}
export default Slider;