{"record":{"id":"1aa88095686a76df","repo":"gatsbyjs/gatsby","slug":"gatsby-plugin-image-missing-image-prop","errorCode":null,"errorMessage":"[gatsby-plugin-image] Missing image prop","messagePattern":"\\[gatsby-plugin-image\\] Missing image prop","errorType":"console","errorClass":null,"httpStatus":null,"severity":"error","filePath":"packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx","lineNumber":242,"sourceCode":"  return createElement(as, {\n    ...wrapperProps,\n    style: {\n      ...wStyle,\n      ...style,\n      backgroundColor,\n    },\n    className: `${wClass}${className ? ` ${className}` : ``}`,\n    ref: root,\n    dangerouslySetInnerHTML,\n    suppressHydrationWarning: true,\n  })\n}\n\nexport const GatsbyImage: FunctionComponent<GatsbyImageProps> = memo(\n  function GatsbyImage(props) {\n    if (!props.image) {\n      if (process.env.NODE_ENV === `development`) {\n        console.warn(`[gatsby-plugin-image] Missing image prop`)\n      }\n\n      return null\n    }\n\n    if (!gatsbyImageIsInstalled() && process.env.NODE_ENV === `development`) {\n      console.warn(\n        `[gatsby-plugin-image] You're missing out on some cool performance features. Please add \"gatsby-plugin-image\" to your gatsby-config.js`\n      )\n    }\n\n    return createElement(GatsbyImageHydrator, props)\n  }\n)\n\nGatsbyImage.propTypes = propTypes\nGatsbyImage.displayName = `GatsbyImage`\n","sourceCodeStart":224,"sourceCodeEnd":260,"githubUrl":"https://github.com/gatsbyjs/gatsby/blob/e85d62f1779e353eaac1753211629a26d123e26c/packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx#L224-L260","documentation":"Guard in the GatsbyImage browser component: the memoized component received props without the required `image` prop, so it renders null. In development it warns; in production it silently returns null. The input at fault is the component props object passed by the consuming site.","triggerScenarios":"Thrown at packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx:242 when the library encounters an invalid state.","commonSituations":"See trigger scenarios.","solutions":["Pass the image prop (from getImage() or the file childImageSharp data) to GatsbyImage","Guard rendering until the image data is resolved instead of rendering GatsbyImage unconditionally","Check for typos or undefined variables in the image prop expression"],"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"}