Docs: Typo in documentation to use with React hooks.

[Swastikyadav]

Typo in documentation to use with React hooks.
How to use with React hooks

The above documentation code snippet have a typo.

In the snippet sendPing function socket emits to "ping", but in the useEffect it is listening to "pong" instead of "ping".

Attachment for reference:

[Swastikyadav]

@darrachequesne

If this is a valid typo, then I would love create a PR to fix this as my first open source contribution.

Thank You!

[darrachequesne]

@Swastikyadav hi, thanks for opening this.

I don't think this is a typo, the client sends ping events and receives pong events from the server. But maybe this example is not clear enough/could be improved? Do you have any suggestion?

[Swastikyadav]

@darrachequesne, Thanks for responding and clarification.

I think adding a small snippet of server side will make this example better and easier to understand.

Suggested server side code snippet:

io.on("connection", (socket) => {
  console.log("A user connected");

  // Receives "ping" event from client
  socket.on("ping", () => {
    console.log("ping");

    // Sends "pong" event to client
    io.emit("pong");
  });
});

Thank You!

[darrachequesne]

Hi! We have updated the React guide: https://socket.io/how-to/use-with-react

I think this can be closed now, please reopen if needed.