import React, {useState} from 'react'; import {Col, Progress} from "antd" import {Tick} from "../types/types"; import {useSocket} from "use-socketio/lib"; const ShotsTaken = () => { const [taken, setTaken] = useState(100); useSocket("tick_event", async (tick: Tick) => { if (!tick.nextShot) { setTaken(100); return; } setTaken(tick.nextShot.count - 1); }); return (