tomi.science

import Head from "next/head"; import { ReactElement, useEffect, useState } from "react"; import { io } from "socket.io-client"; import styles from "../styles/Home.module.css"; import * as config from "../config"; const socket = io(config.backendUrl); const Home = (): ReactElement => { const [value, setValue] = useState(undefined); useEffect(() => { socket.on("connect", () => { console.log("connected:", socket.id); }); socket.on("disconnect", (reason: string) => { console.log("disconnected, reason:", reason); }); socket.on("update", (arg: number) => { console.log("update:", arg); setValue(arg); }); }); const increment = () => { socket.emit("increment"); }; return (

tomi.science

value: {value}

); }; export default Home;