{"record":{"id":"7e320fc8bdbbcd4d","repo":"gatsbyjs/gatsby","slug":"gatsby-plugin-image-you-re-missing-out-on-some-c","errorCode":null,"errorMessage":"[gatsby-plugin-image] You're missing out on some cool performance features. Please add \"gatsby-plugin-image\" to your gatsby-config.js","messagePattern":"\\[gatsby-plugin-image\\] You're missing out on some cool performance features\\. Please add \"gatsby-plugin-image\" to your gatsby-config\\.js","errorType":"console","errorClass":null,"httpStatus":null,"severity":"error","filePath":"packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx","lineNumber":249,"sourceCode":"    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":231,"sourceCodeEnd":260,"githubUrl":"https://github.com/gatsbyjs/gatsby/blob/e85d62f1779e353eaac1753211629a26d123e26c/packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx#L231-L260","documentation":"Development-time guard in GatsbyImage: the browser component renders even though gatsby-plugin-image is not registered in gatsby-config.js (gatsbyImageIsInstalled() is false), so hydration-optimized features (placeholder/blur-up wiring, main image metadata) are missing. Only fires in development via console.warn.","triggerScenarios":"Thrown at packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx:249 when the library encounters an invalid state.","commonSituations":"See trigger scenarios.","solutions":["Add \"gatsby-plugin-image\" to the plugins array in gatsby-config.js","Upgrade gatsby to a version compatible with gatsby-plugin-image"],"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-14T05:17:10.506Z"}