Tenho meu componente header, onde busco as informações do usuario atráves da api, o problema está com no fato dessa busca ficar presa em um loop que fica buscando o usuário sem parar.
code::
import React, { useState, useMemo } from "react";
import axios from "axios";
import Logout from '../Logout/';
import "./style.css";
const user_id = localStorage.getItem('user_id');
const avatar = localStorage.getItem('avatar');
export default function Header(){
const [user, setUSer] = useState(null);
useMemo(async () => {
const data = await axios.get(`http://localhost:3001/api/users/${user_id}`);
setUSer(data.data)
console.log(data);
})
console.log(user)
if(user !== null){
return (
<header className="async-header">
<div className="user-content">
<span className="user-name">
{user.username}
<span>{user.email}</span>
<a href="/#" className="btn-logout" onClick={Logout}>Deslogar</a>
</span>
<div className="user-image" style={user.avatar ? {backgroundImage: `url(${user.avatar})`} : null}></div>
</div>
</header>
)
}else{
return <div />
}
}