+
+
+import { useState, useEffect } from 'react';
+
+interface User {
+ id: number;
+ name: string;
+ email: string;
+}
+
+const UserProfile = ({ userId }: { userId: number }) => {
+ const [user, setUser] = useState<User | null>(null);
+ const [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ fetchUser(userId)
+ .then(setUser)
+ .finally(() => setLoading(false));
+ }, [userId]);
+
+ return (
+ <div className="everforest">
+ {loading ? 'Loading...' : user?.name}
+ </div>
+ );
+};
+
+
+