Imagen Gatsby no encontrada

Así que estoy jugando con la creación de un blog de markdown y por alguna razón no puedo lograr que funcionen las imágenes.

Gatsby-config.js

js
plugins: [
'gatsby-plugin-image',
'gatsby-plugin-sharp',
'gatsby-transformer-sharp',
{
resolve: 'gatsby-source-filesystem',
options: {
name: 'images',
path: ${__dirname}/src/images/,
},
__key: 'images',
},
]


Las imágenes se almacenan en src/images

blogpost.md

“`md

title: Nuevo proveedor
image: ../images/new-provider.jpg
imageMeta:
attribution:
attributionLink:

featured: false

Así es como estoy consultando los datos

<code>js
export const query = graphql`
  query PostsByID($slug: String!) {
    mdx(slug: { eq: $slug }) {
      body
      frontmatter {
        title
        authors
        date
        featured
        image
        tags
      }
    }
  }
`;
</code>

Y aquí está mi elemento <code>img</code>

```tsx
<Img alt={title} fluid={image} key={title} />

// También intenté esto
<img alt={title} src={image} />

Cuando la página se carga, solo veo mi texto alternativo y en la consola veo http://localhost:8000/images/new-provider.jpg