Use standard React patterns like useEffect
or data fetching libraries:
import { useState, useEffect } from 'react';
function Profile() {
const [user, setUser] = useState(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
fetch('/api/user')
.then(res => res.json())
.then(data => {
setUser(data);
setLoading(false);
});
}, []);
if (loading) return <div>Loading...</div>;
return <div>Welcome, {user.name}!</div>;
}