Mock images in StaticImage during tests

[soniCaH]

I have a component that renders a GatsbyImage when one is found in GraphQL with a fallback to a image if not.
During my jest tests, I always get a warning

   console.warn
      Image not loaded ../images/fallback.png

I tried creating a mock, but since the image itself is not imported but passed directly to the component, it is not picked up.

if (!picture) {
    image = (
      <StaticImage
        src={`../images/fallback.png`}
        alt={`Alt text`}
        placeholder={`tracedSVG`}
      />
    )
  } else {
    image = <GatsbyImage image={picture} alt={`Alt text`} />
  }

Is there another way of doing this?

I tried

import "fallback" from "../images/fallback.png"

This way my mock is caught and passed on, but I can't seem to render a valid StaticImage in TypeScript via an import.