need help with keepPreviousData in trpc client / tanstack query

  const [userToFind, setUserToFind] = useState("");
  const {
    data: foundUsers, // array of objects
    isFetching: isSearchUsersFetching,
    isFetched: isSearchUsersFetched,
  } = api.user.searchByUsername.useQuery(userToFind, {
    enabled: userToFind.length > 0,
    initialData: [],
    refetchOnMount: false,
    refetchOnWindowFocus: false,
    refetchOnReconnect: false,
    retry: false,
    keepPreviousData: true,
  });

{(isSearchUsersTyping || isSearchUsersFetching) &&
foundUsers.length === 0 ? (
  <CardContent className="flex justify-center py-2">
    Loading...
  </CardContent>
) : foundUsers.length === 0 ? (
  <CardContent className="flex justify-center py-2">
    Results not found
  </CardContent>
) : (
  foundUsers.map((u, idx) => (
    // jsx
  ))
)}