import React from "react";
import { io } from "socket.io-client";

function App() {
  const socket = io("http://localhost:3010");
  const emitData = () =>
    console.log(socket.emit("example-request", "custom-request"));
  socket.on("example-response", (data) =>
    console.log(`Received response in front end with data: ${data}`),
  );

  return (
    <div className="App">
      <header className="App-header">
        <button onClick={emitData}>Emit Data</button>
        Hello World! Front
      </header>
    </div>
  );
}

export default App;