Avoid Using usestate hook without cleanup or dependency list

[0xsonu]

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

1. Go to 'GithubProfile.jsx'
2. look for useEffect which is running in an infinite loop

Expected behavior It should be run in controlled way

Solution create a variable query and assign the get query to it and then pass it in getData function as an argument and also pass it as useffect dependency list

i.e:

const quary = `https://api.github.com/users/${openSource.githubUserName}`;
  const [prof, setProf] = useState({});
  async function getProfileData(q) {
    await get(q)
      .then((res) => setProf(res.data))
      .catch((err) => console.log(err));
  }
  useEffect(() => {
    getProfileData(quary);
  }, [quary]);