Server Error Error: Unable to resolve image URL from source (undefined) This error happened while generating the page. Any console logs will be displayed in the terminal window.

[Lokesh R]

i got this error and i stuck up with this i even checked all the codes with the repositorey code, i cant able to solve this error can some one help me

PS C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main> npm run dev

ecommerce-new-main@0.1.0 dev
next dev

▲ Next.js 14.0.4

• Local: http://localhost:3000
• Environments: .env

Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc" https://nextjs.org/docs/messages/swc-disabled
✓ Ready in 5.7s
○ Compiling / ...
Using external babel configuration from C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main.babelrc
✓ Compiled / in 2.6s (567 modules)
Warning: The provided src attribute is an unsupported type ImageUrlBuilder. This value must be coerced to a string before before using it here.
at img
at div
at div
at HeroBanner (webpack-internal:///./components/HeroBanner.jsx:17:3)
at div
at Home (webpack-internal:///./pages/index.js:17:3)
at main
at div
at Layout (webpack-internal:///./components/Layout.jsx:19:3)
at StateContext (webpack-internal:///./context/StateContext.js:16:3)
at MyApp (webpack-internal:///./pages/_app.js:21:3)
at StyleRegistry (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\styled-jsx\dist\index\index.js:449:36)
at eY (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\next\dist\compiled\next-server\pages.runtime.dev.js:8:22559)
at eI (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\next\dist\compiled\next-server\pages.runtime.dev.js:17:1760)
at eD (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\next\dist\compiled\next-server\pages.runtime.dev.js:17:3083)
at div
at eQ (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\next\dist\compiled\next-server\pages.runtime.dev.js:26:763)
Error: Unable to resolve image URL from source (undefined)
at urlForImage (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\urlForImage.js:48:15)
at ImageUrlBuilder.url (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\builder.js:220:42)
at ImageUrlBuilder.toString (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\builder.js:224:21)
at testStringCoercion (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:222:13)
at checkAttributeStringCoercion (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:230:14)
at pushAttribute (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2072:13)
at pushSelfClosing (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2546:11)
at pushStartInstance (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2875:16)
at renderHostElement (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5636:18)
at renderElement (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5952:5)
at renderNodeDestructiveImpl (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)
at renderNodeDestructive (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
at renderNode (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6259:12)
at renderChildrenArray (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6211:7)
at renderNodeDestructiveImpl (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6141:7)
⨯ Error: Unable to resolve image URL from source (undefined)
at urlForImage (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\urlForImage.js:48:15)
at ImageUrlBuilder.url (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\builder.js:220:42)
at ImageUrlBuilder.toString (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules@sanity\image-url\lib\node\builder.js:224:21)
at testStringCoercion (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:222:13)
at checkAttributeStringCoercion (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:230:14)
at pushAttribute (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2072:13)
at pushSelfClosing (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2546:11)
at pushStartInstance (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:2875:16)
at renderHostElement (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5636:18)
at renderElement (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.j at renderNodeDestructive (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14)
at renderNode (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6259:12)
at renderChildrenArray (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6211:7)
at renderNodeDestructiveImpl (C:\Users\nivas\OneDrive\Documents\ecommerce-new\ecommerce-new-main\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6141:7) {
page: '/'
}
✓ Compiled /_error in 447ms (569 modules)