TypeScript · 24 строк
Виджет показывает номер, баланс и время обновления и опрашивает API каждые 5 секунд. Токен живёт 15 минут, после чего API отвечает 401. Отметьте строки с ошибками.
В работе: Главная страница личного кабинета: виджет открыт у абонента часами.
Как проверяем
Нажмите на строку с ошибкой и коротко напишите, что не так. Баг засчитан, если отмечена хотя бы одна его строка. Зачёт — найдено не меньше 60 % багов с учётом серьёзности (критичный весит 3, обычный 2, мелкий 1), а лишних отметок не больше, чем багов в коде. Пустые строки, скобки и комментарии лишними не считаем. Ответ один на подход: после него показываем разбор.
Источник: на задачах МТС: личный кабинет абонента. Условие пересказано своими словами.
Давали на собеседовании?
Ответов пока мало — ваш поможет.
import { useEffect, useState } from "react";type Balance = { amount: number; updatedAt: string; phone: string };export function BalanceWidget({ token }: { token: string }) {const [balance, setBalance] = useState<Balance>({} as Balance);useEffect(() => {setInterval(async () => {const r = await fetch(`/api/balance?token=${token}`);setBalance(await r.json());}, 5000);}, [token]);console.log("balance", balance);return (<div className={balance.amount < 0 ? "negative" : ""}><div>{balance.phone}</div><div>Баланс: {balance.amount} ₽</div><div>Обновлено: {new Date(balance.updatedAt).toLocaleTimeString()}</div></div>);}