can not fetch the image address not working properly in react project

[MUHAMMMADJUNAID1]

Describe the bug

const Home = () => {
return (

{/* Hero Section */}

);
};

export default Home;

this is all the code that is causing the error

Link to the blitz that caused the error

https://stackblitz.com/edit/vitejs-vite-3wg1nq9h?file=tailwind.config.js,src%2Findex.css,src%2FApp.jsx,src%2Fpages%2FHome.jsx,src%2Fpages%2FLogin.jsx,src%2Fmain.jsx,index.html&terminal=dev

Steps to reproduce

1. Step1 : npm create vite@latest
2. Step2 : install all dep like react-router-dom axios react-toastify
3. and one more thing install the shadcn -ui library first
   4 : Now run npm run dev

Expected behavior

not confirmed

Parity with Local

• I have run the project in my local machine and I could not reproduce the issue.

Screenshots

No response

Platform

Browser name  = Chrome
Full version  = 132.0.0.0
Major version = 132
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 161808949,
  "usedJSHeapSize": 153370765,
  "jsHeapSizeLimit": 2160066560
}
Hash = 1b4252dd

Additional context

No response