Encountering a "blocked by client" issue

I hope you’re all doing well. I am a newcomer to web development and have encountered an issue with image uploading on my MERN stack project. I’ve built a Medium blogging website clone, and for image uploads, I’m using Cloudinary.

The problem arises when I attempt to upload an image, and I receive the following error in the browser console: net::ERR_BLOCKED_BY_CLIENT. Strangely, the project works perfectly on my local machine, but when deployed on Netlify, the image uploading functionality is not functioning as expected.
my project https://65b0fdc00ac7887fb6ff8d29--kommunityblog.netlify.app/

The short issue is that, you can’t use localhost on production. However, this is not a Netlify issue and we cannot provide help with general web-dev related questions. Please post on a we-dev forum.