Using gatsby-plugin-image with absolute path

[belal-mazlom]

Description:

I am using gatsby-plugin-alias-imports to have images with absolute path like:

<img class="profile" src={require('@images/my-client-img.jpg')} alt="Image profile" />

Tried to use that for StaticImage but seems that not possible:

<StaticImage class="profile" src={require('@images/my-client-img.jpg')} alt="Image profile" />

I don't want to get back to relative paths like this ../../../../assets/images/my-client-img.jpg
Is there a way or tips for this issue?

Plugins used:

gatsby-plugin-image
https://www.gatsbyjs.com/plugins/gatsby-plugin-image

gatsby-plugin-alias-imports
https://www.gatsbyjs.com/plugins/gatsby-plugin-alias-imports

Environment details:

 npmPackages:
    gatsby: ^2.26.1 => 2.26.1 
    gatsby-image: ^2.5.0 => 2.5.0 
    gatsby-plugin-alias-imports: ^1.0.5 => 1.0.5 
    gatsby-plugin-image: ^1.0.0 => 1.0.0 
    gatsby-plugin-manifest: ^2.6.1 => 2.6.1 
    gatsby-plugin-offline: ^3.4.0 => 3.4.0 
    gatsby-plugin-react-helmet: ^3.4.0 => 3.4.0 
    gatsby-plugin-react-helmet-async: ^1.1.0 => 1.1.0 
    gatsby-plugin-remove-console: ^0.0.2 => 0.0.2 
    gatsby-plugin-sharp: ^3.0.0 => 3.0.0 
    gatsby-source-filesystem: ^3.0.0 => 3.0.0 
    gatsby-transformer-sharp: ^3.0.0 => 3.0.0 
 npmGlobalPackages:
    gatsby-cli: 2.19.1