rewrites in next js working fine in local, but not working after deployment in vercel

Question

this is how my next.config.js looks like => 
{
async rewrites() {
    return [
      {
        source: '/:path*',
        destination: `/:path*`,
      },
        {
          source: '/sell',
          destination: `${NEXT_PUBLIC_APP_URL}/sell`,
        },
        {
          source: '/sell/:path*',
          destination: `${NEXT_PUBLIC_APP_URL}/sell/:path*`,
        },
      ]
  }
}

for /sell => i am using another website www.anotherWebsite.com/sell to show. it is working perfectly in local, but not working after deployment in vercel.

for /sell => it should show website www.anotherWebsite.com/sell. as it is working in my local.