Rather than using DOM to access elements, separate components should be created.

[rajneesh069]

Since we are using React.js as our front-end framework hence we should create different components for different UI elements rather than using DOM to access/manipulate them as it makes things confusing as it depicts that those elements are in the static index.html file but in reality they are just being returned inside the main WeatherApp function inside "WeatherApp.jsx".
I am attaching relevant screenshots here. Please look into it.

[rajneesh069]

[TejasSathe010]

I can fix this issue if not yet fixed or assigned to anyone. Thank you!

[dhruvabhat24]

@rajneesh069 I have assigned it to you.

[rajneesh069]

@rajneesh069 I have assigned it to you.

Okay, I'll work on it. Although I'll need some time to work on it as I am occupied with my own project right now.

[dhruvabhat24]

Okay take your time

[Ceejay-777]

Hi. The useref() hook is used to access elements right? In my opinion, it would be a great idea to employ that.

[Ceejay-777]

Hi, good day. Can I work on this? I should be done with it soon.

[dhruvabhat24]

Okay I will assign it to you

[DeeKoders]

If this issue is still open, i'll work on it. Please assign it to me if still available.

[dhruvabhat24]

@DeeKoders Sorry for the delay this task is assigned to you and you can work on it

[DeeKoders]

@DeeKoders Sorry for the delay this task is assigned to you and you can work on it

on it

[DeeKoders]

@dhruvabhat24 The issue seems to be resolved. Can you verify it and close the issue

[dhruvabhat24]

Okay Let me check