Как получить данные из return'а в next, если их загрузка происходит чуть больше, чем onLoad?

Question

[Ildar Khusainov]

Реализую мини приложение для тг.
В качестве шаблона для реализации взаимодействия использовал эту статью.

Мучался, но смог вывести данные в return'е. Для дебага мини аппа юзал vscode port forwarding.

export default function Home() {
  const {user,webApp} = useTelegram();
  const [unq, setU] = useState(false);

  const usr = user;

  useEffect(() => {
      setU(usr?.id);

  }, [usr]);
  return (
          <main className={styles.main}>
            <Logo />
              <Da />
              <Hustler />
            <h1>Cause He Do Art:</h1>
            <h2>Here is id {unq} </h2>
              <button className='btn'>Switch with R</button>
              <Link href="/ggg">greate Digga</Link>
            <Link href="/about">About project</Link>
          </main>
  );
}

В общем, данные Я вывести могу, но взаимодействовать с ними - нет, тк инициализация происходит в течении какого-то промежутка времени. Самый очевидный способ - коллбек при onLoad'e, не показал положительный результат. Мои идеи - как то отслеживать состояние стейта, и когда он не равен нуллу - дальше логика взаимодействия.

Я не знаю как.

Вы скажите, есть либа @tma/sdk-react.

Юзал, не работает у меня. Искал ошибки, спрашивал у самого разработчик V. Kruglikova, but not.

Выглядит ущербно, вероятно только Я сам могу себе помочь, но Я использую все возможности, буду беспредельно рад вашей помощи.

Проект