{"record":{"id":"09af66d0a0a8e030","repo":"gatsbyjs/gatsby","slug":"we-ve-found-without-length-sources-without-a-me","errorCode":null,"errorMessage":"We've found ${without.length} sources without a media property. They might be ignored by the browser, see: https://www.gatsbyjs.com/plugins/gatsby-image/#art-directing-multiple-images","messagePattern":"We've found (.+?) sources without a media property\\. They might be ignored by the browser, see: https://www\\.gatsbyjs\\.com/plugins/gatsby-image/#art-directing-multiple-images","errorType":"console","errorClass":null,"httpStatus":null,"severity":"error","filePath":"deprecated-packages/gatsby-image/src/index.js","lineNumber":194,"sourceCode":"          sizes={sizes}\n        />\n      )}\n      {srcSet && <source media={media} srcSet={srcSet} sizes={sizes} />}\n    </React.Fragment>\n  ))\n}\n\n// Return an array ordered by elements having a media prop, does not use\n// native sort, as a stable sort is not guaranteed by all browsers/versions\nfunction groupByMedia(imageVariants) {\n  const withMedia = []\n  const without = []\n  imageVariants.forEach(variant =>\n    (variant.media ? withMedia : without).push(variant)\n  )\n\n  if (without.length > 1 && process.env.NODE_ENV !== `production`) {\n    console.warn(\n      `We've found ${without.length} sources without a media property. They might be ignored by the browser, see: https://www.gatsbyjs.com/plugins/gatsby-image/#art-directing-multiple-images`\n    )\n  }\n\n  return [...withMedia, ...without]\n}\n\nfunction generateTracedSVGSources(imageVariants) {\n  return imageVariants.map(({ src, media, tracedSVG }) => (\n    <source key={src} media={media} srcSet={tracedSVG} />\n  ))\n}\n\nfunction generateBase64Sources(imageVariants) {\n  return imageVariants.map(({ src, media, base64 }) => (\n    <source key={src} media={media} srcSet={base64} />\n  ))\n}","sourceCodeStart":176,"sourceCodeEnd":212,"githubUrl":"https://github.com/gatsbyjs/gatsby/blob/e85d62f1779e353eaac1753211629a26d123e26c/deprecated-packages/gatsby-image/src/index.js#L176-L212","documentation":"Error \"We've found ${without.length} sources without a media property. They might be ignored by the browser, see: https://www.gatsbyjs.com/plugins/gatsby-image/#art-directing-multiple-images\" thrown in gatsbyjs/gatsby.","triggerScenarios":"Thrown at deprecated-packages/gatsby-image/src/index.js:194 when the library encounters an invalid state.","commonSituations":"See trigger scenarios.","solutions":["Add a `media` prop (CSS media query) to every source passed via artDirect","Group fixed-size variants so only one source lacks media"],"exampleFix":null,"handlingStrategy":"validation","validationCode":null,"typeGuard":null,"tryCatchPattern":null,"preventionTips":[],"tags":[],"backgroundTag":null,"analyzedSha":"e85d62f1779e353eaac1753211629a26d123e26c","analyzedAt":"2026-08-26T17:50:09.662Z","contentChangedAt":"2026-08-26T17:50:09.662Z","schemaVersion":2},"datasetVersion":"2026-09-14T00:17:10.932Z"}