Одна React-задача, демонстрирующая ключевые навыки на собеседовании

А что думаете насчет варианта с withResolvers?

function Profile({
  username,
  children,
}: {
  username: string;
  children: (user: User | null) => ReactNode;
}) {
  const [user, setUser] = useState<User | null>(null);

  useEffect(() => {
    setUser(null);
    const { promise, reject } = fetchProfile(username);
    promise.then(setUser);

    return () => {
      reject();
    };
  }, [username]);

  return children(user);
}

let fetchCount = 1;

function fetchProfile(username: string) {
  console.log(`🛜 Fetched ${getPluralizedTimes(fetchCount)}`);
  let { promise, resolve, reject } = Promise.withResolvers();
  setTimeout(
    () => resolve({ name: `Full Name ${username}`, username }),
    200 * fetchCount
  );
  return { promise, reject };
}

Чистая архитектура фронтенд приложений. Часть первая

По поводу дизайна, теми же словами доносил, что нам на проект нужен дизайн. Результатов не дало( мб есть идеи, где можно набрать аргументов за? Не хочется сдаваться 😅