Bug: hydration issue on images

[Sanchitbajaj02]

What happened?

While loading the images, there is a hydration issue. It occurs because before image from js loads, there are placeholder images in the real DOM and handling them giving this error

Add screenshots

What browsers are you seeing the problem on?

Microsoft Edge, Brave

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

[github-actions]

Congratulations, @Sanchitbajaj02! 🎉 Thank you for creating the issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

'We will promptly review your changes and offer feedback. Keep up the excellent work!
Kindly remember to check our Contributing Guidelines'

[Girishbari]

let me take it

[Sanchitbajaj02]

let me take it

Sure, assigned to you

[Girishbari]

where this issue is happening

[Sanchitbajaj02]

where this issue is happening

On edit profile page. Open the console tab of dev tools while you navigate there. It comes when you click on edit. The is because I have set a dummy image as an initial state but when user sets their image, the first load still shows the dummy placeholder

[Girishbari]

I am unable to reproduce this issue also not able to debug it properly, @Sanchitbajaj02 please assign to somebody else

[Sanchitbajaj02]

I am unable to reproduce this issue also not able to debug it properly, @Sanchitbajaj02 please assign to somebody else

Sure, no problem

[Sujal7ss]

Please assign me this issue

[pahuja-sahil]

@Sanchitbajaj02 I would like to work on this issue and i kindly request you to assign this issue to me under gssoc .
Thank you.

[Sanchitbajaj02]

Please assign me this issue

Sure assigning it to you.
Sorry, @pahuja-sahil but @Sujal7ss asked for it first. You can choose other issues

[Sanchitbajaj02]

Since, I didn't get update, I'm assigning the issue

[pahuja-sahil]

@Sanchitbajaj02 i can try to fix this issue but it will take a while as right now I am giving my end sem exams.. If that is not an issue, kindly assign this issue to me.
Thank you.

[anvithagowda098]

@Sanchitbajaj02 I can work on this issue. I am a GSSoC'24 contributor. Please assign me this issue.

[pahuja-sahil]

@Sanchitbajaj02 i want to ask in this issue the login was already working or not beacuse i am facing this issue where i upload an image for avtar and it says uploaded successfully but it does not show the image .. you can see in the image below :

i have checked this error on net also but couldn't found anything useful.

[Sanchitbajaj02]

@Sanchitbajaj02 i want to ask in this issue the login was already working or not beacuse i am facing this issue where i upload an image for avtar and it says uploaded successfully but it does not show the image .. you can see in the image below :

i have checked this error on net also but couldn't found anything useful.

Login is working fine, you can check the database instance whether the URL is being saved in it or not?

[pahuja-sahil]

@Sanchitbajaj02 i can see a url in the database but for some reason the image is not shown on the screen.

[ishita-43]

@Sanchitbajaj02 I can work on this issue. I am a GSSoC'24 contributor. Please assign me this issue.

hi will you be able to solve the current issue arising including the banner image error?