Fetch user by username

import { useFetchUserByUsername } from "@sublay/react-js";
import { useEffect, useState } from "react";
import { User } from "@sublay/core";

function ProfilePage({ username }: { username: string }) {
  const fetchUser = useFetchUserByUsername();
  const [user, setUser] = useState<User | null>(null);

  useEffect(() => {
    fetchUser({ username }).then(setUser);
  }, [username]);

  if (!user) return null;
  return <p>{user.name}</p>;
}