Skip to main content

​
Overview

useFetchUserByUsername returns a function that fetches a user’s public profile by their username. Use this for public profile pages where the URL contains a username slug.

​
Usage Example

import { useFetchUserByUsername } from "@replyke/react-js";
import { useEffect, useState } from "react";
import { User } from "@replyke/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>;
}

​
Parameters

The hook returns a function. That function accepts:
​
username
string
required
The username to look up.
​
include
string | string[]
Optional. Pass "files" to populate avatarFile and bannerFile with full File objects.

​
Returns

​
User
User
The user’s public profile. See User data model.