I am getting this error using next/image

TypeError: fetch failed
    at Object.fetch (node:internal/deps/undici/undici:11576:11)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async imageOptimizer (/home/dovakiin0/Personal/webpoint/guam-frontend/node_modules/next/dist/server/image-optimizer.js:521:29)
    at async cacheEntry.imageResponseCache.get.incrementalCache (/home/dovakiin0/Personal/webpoint/guam-frontend/node_modules/next/dist/server/next-server.js:517:61)
    at async /home/dovakiin0/Personal/webpoint/guam-frontend/node_modules/next/dist/server/response-cache/index.js:102:36 {
  cause: Error: unable to verify the first certificate
      at TLSSocket.onConnectSecure (node:_tls_wrap:1550:34)
      at TLSSocket.emit (node:events:514:28)
      at TLSSocket._finishInit (node:_tls_wrap:967:8)
      at ssl.onhandshakedone (node:_tls_wrap:743:12)
      at TLSWrap.callbackTrampoline (node:internal/async_hooks:130:17) {
    code: 'UNABLE_TO_VERIFY_LEAF_SIGNATURE'
  }
}

Can anyone help me what is the reason.
the code itself is simple

 <Image
              src={data.acf.banner_image}
              alt='Bg'
              className='h-full w-full object-cover'
              width='100'
              height='100'
            />