I am using the next js Images component o show some images (remote images from an API call) in my next js project. I want to have that blur effect in my Image while the actual image is loading. But how do I create a dynamic blurDataUrl for the placeholder="blur" prop for each Individual image that is being rendered? If someone has a solution, please let me know.

Optimization