<Image
            src={imageUrl}
            alt={fileName}
            width={500}
            height={300}
            className="h-auto bg-background rounded-lg border"
          /> 

TypeError: fetch failed
    at node:internal/deps/undici/undici:13178:13
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async fetchExternalImage (\node_modules\next\dist\server\image-optimizer.js:598:17)
    at async DevServer.imageOptimizer (\node_modules\next\dist\server\next-server.js:663:48)
    at async cacheEntry.imageResponseCache.get.routeKind (\node_modules\next\dist\server\next-server.js:178:85)
    at async \node_modules\next\dist\server\response-cache\index.js:91:36
    at async \node_modules\next\dist\lib\batcher.js:45:32 {
  [cause]: Error: unable to verify the first certificate
      at TLSSocket.onConnectSecure (node:_tls_wrap:1685:34)
      at TLSSocket.emit (node:events:519:28)
      at TLSSocket._finishInit (node:_tls_wrap:1085:8)
      at ssl.onhandshakedone (node:_tls_wrap:871:12)
      at TLSWrap.callbackTrampoline (node:internal/async_hooks:130:17) {
    code: 'UNABLE_TO_VERIFY_LEAF_SIGNATURE'
  }
}