next-images Error: Module parse failed: Unexpected character '�'

I'm trying to load an image with next-images: when i type in the image name it works fine:

//Working
<Image src={require(`../../images/exampleImage.jpg` )}/>

but i dont want that i want dynamic url like this:

//Not working
<img src={require(`../../images/${image}.jpg` )}/>

i get this error:

---

Error: Module parse failed: Unexpected character '�' (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders (Source code omitted for this binary file)

my next.config.js file:

const withImages = require("next-images");
module.exports = withImages();

i also tried this config:

module.exports = {
  webpack: (config, options) => {
    config.module.rules.push(
      {
        test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
        loader: 'url-loader?limit=100000' 
      }
    )
    return config
  },
}

I tried many methods but none seems to work please help, thanks

from next-images Error: Module parse failed: Unexpected character '�'