title: How to query multiple images in Gatsby from Strapi using Graphql
body: <p>I have set up a multiple media(images) field called pictures on my project content type on Strapi and I have added 2 projects with pictures containing 4 images each.
  I want to query these images in Gatsby using Graphql.</p>
  <p>This is my plugins array in gatsby-config.js</p>
  <pre><code>    plugins: [
      `gatsby-plugin-react-helmet`,
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          name: `images`,
          path: `${__dirname}/src/images`,
        },
      },
      `gatsby-plugin-sharp`,
      `gatsby-transformer-sharp`,
      {
        resolve: `gatsby-plugin-manifest`,
        options: {
          name: `gatsby-starter-default`,
          short_name: `starter`,
          start_url: `/`,
          background_color: `#663399`,
          theme_color: `#663399`,
          display: `minimal-ui`,
          icon: `src/images/gatsby-icon.png`,
        },
      },
      {
        resolve: `gatsby-source-strapi`,
        options: {
          apiURL: `http://localhost:1337`,
          queryLimit: 1000,
          contentTypes: [`project`],
        },
      }]
  </code></pre>
  <p>This is my graphql query on localhost:8000/___graphql</p>
  <pre><code>query MyQuery {
    allStrapiProject {
      nodes {
        pictures {
          formats {
            thumbnail {
              childImageSharp {
                fluid {
                  src
                }
              }
            }
          }
        }
      }
    }
  }
  </code></pre>
  <p>This is the result I am getting</p>
  <pre><code>   {
    &quot;data&quot;: {
      &quot;allStrapiProject&quot;: {
        &quot;nodes&quot;: [
          {
            &quot;pictures&quot;: [
              {
                &quot;formats&quot;: {
                  &quot;thumbnail&quot;: null
                }
              },
              {
                &quot;formats&quot;: {
                  &quot;thumbnail&quot;: {
                    &quot;childImageSharp&quot;: {
                      &quot;fluid&quot;: {
                        &quot;src&quot;: &quot;/static/eb8a7ee6108ecc0e6185aced82c3316b/b4216/167f320a448c2d6ff65acf179ee627e2.jpg&quot;
                      }
                    }
                  }
                }
              },
              {
                &quot;formats&quot;: {
                  &quot;thumbnail&quot;: null
                }
              },
              {
                &quot;formats&quot;: {
                  &quot;thumbnail&quot;: null
                }
              }
            ]
          },
          {
            &quot;pictures&quot;: [
              {
                &quot;formats&quot;: {
                  &quot;thumbnail&quot;: null
                }
              },
              {
                &quot;formats&quot;: {
                  &quot;thumbnail&quot;: null
                }
              },
              {
                &quot;formats&quot;: {
                  &quot;thumbnail&quot;: null
                }
              },
              {
                &quot;formats&quot;: {
                  &quot;thumbnail&quot;: null
                }
              }
            ]
          }
        ]
      }
    }
  }
  </code></pre>
  <p>All of the thumbnails contain null except for one.</p>
  <p>I have tried running 'gatsby clean' and sometimes get the query output to have same image urls in multiple places even though i don't have repeating images on Strapi.</p>