How do I workaround : Cannot return null for non-nullable field ImageSharp.gatsbyImageData

[cameronbraid]

How am I able to workaround this :

#10 168.1  ERROR
#10 168.1 
#10 168.1 No image of the specified size found. Images may not have been processed
#10 168.1 correctly.
#10 168.1 
#10 168.1 
#10 168.1 
#10 168.1  ERROR #85925  GRAPHQL
#10 168.1 
#10 168.1 There was an error in your GraphQL query:
#10 168.1 
#10 168.1 Cannot return null for non-nullable field ImageSharp.gatsbyImageData.
#10 168.1 
#10 168.1 The field "ImageSharp.gatsbyImageData." was explicitly defined as non-nullable
#10 168.1 via the schema customization API (by yourself or a plugin/theme). This means
#10 168.1 that this field is not optional and you have to define a value. If this is not
#10 168.1 your desired behavior and you defined the schema yourself, go to "createTypes"
#10 168.1 in gatsby-node.js. If you're using a plugin/theme, you can learn more here on
#10 168.1 how to fix field types:
#10 168.1 https://www.gatsbyjs.com/docs/reference/graphql-data-layer/schema-customization#
#10 168.1 fixing-field-types
#10 168.1 
#10 168.1   39 |   }
#10 168.1   40 |   parentName
#10 168.1   41 |   searchFormLocation {
#10 168.1   42 |     queryValue
#10 168.1   43 |   }
#10 168.1   44 |   cmsDataSuppliers {
#10 168.1   45 |     ref
#10 168.1   46 |     displayName
#10 168.1   47 |     logoImage {
#10 168.1   48 |       childImageSharp {
#10 168.1 > 49 |         icon: gatsbyImageData(
#10 168.1      |         ^
#10 168.1   50 |           layout: FIXED
#10 168.1   51 |           height: 50
#10 168.1   52 |           width: 80
#10 168.1   53 |           transformOptions: {fit: CONTAIN}
#10 168.1   54 |           backgroundColor: "transparent"
#10 168.1   55 |           placeholder: NONE
#10 168.1   56 |           blurredOptions: {toFormat: PNG}
#10 168.1   57 |           formats: [AUTO, WEBP, AVIF]
#10 168.1   58 |         )
#10 168.1   59 |       }

I'm happy for gatsbyImageData to return null/undefined

And how do I identify which file is causing the issue ?

[cameronbraid]

I think this is a bug in gatsby/packages/gatsby-plugin-sharp/src/utils.js

at line 104

  const sizes = densities
    .filter(size => size >= 1) // remove smaller densities because fixed images don't need them
    .map(density => Math.round(density * width))
    .filter(size => size <= imgDimensions.width)

I suspect that since the image I am using is smaller than the requested size, it is being filtered out by remove smaller densities because fixed images don't need them.

My point being that the lower densities IS REQUIRED if there are no images with size >= 1