Analysis of size param in require doesn't work with variables

[albertpeiro]

This works:

const Picture = ({ path, srcSizes, ...props }: PictureProps) => {
  return (
    <picture>
      {srcSizes &&
        srcSizes.map((size, index) => (
          <source
            key={index}
            media={`(max-width: ${size}`}
            srcSet={require(`~/images/${path}?&webp`)}
            type="image/webp"
          />
        ))}
      {/* 
      <source srcSet={require(`~/images/${path}`)} type="image/jpeg" /> */}
      <img src={require(`~/images/${path}?`)} {...props} />
    </picture>
  );
};

but using size param doesn't work (and it's installed and works otherwise outside the map):

<source
            key={index}
            media={`(max-width: ${size}`}
            srcSet={require(`~/images/${path}?size=${size}&webp`)}
            type="image/webp"
          />

More tests...

this works:

const sources = srcSizes.map((size) =>
    require("~/images/" + path + "?size=" + 48 + "&webp")
  );

but this doesn't work:

const sources = srcSizes.map((size) =>
    require("~/images/" + path + "?size=" + size + "&webp")
  );

Error:

[albertpeiro]

This is not an issue with this repo, but I guess this repo could work around it.
here's the limitation:
webpack/webpack#2992