Parece que la declaración condicional no se aplica correctamente dentro de useEffect. 'UserPortInfo' es 1, pero ¿por qué se aplica 'templateCss' como 'primer tema'? ¿Y por qué la consola funciona varias veces?

 // portfolio info get const [userPortInfo, setUserPortInfo] = useState(''); const getPortInfo = () => { axios .get(`http://localhost:3001/portfolios`, { headers: { Authorization: `Bearer ${getToken}`, }, }) .then((res) => { const datas = res.data.data; datas.forEach((e) => { if (e.portfolio_idx === Number(portfolio_idx)) { setUserPortInfo(e.template); } }); }) .catch((err) => console.log(err)); }; const [templateCss, setTemplateCss] = useState(''); useEffect(() => { getUserInfo(); getPortfolio(); getPortInfo(); userPortInfo == 1 ? setTemplateCss('second-theme') : setTemplateCss('first-theme'); }, []); console.log(userPortInfo); console.log(templateCss);