For tutorial: How to use a single instance of Socket.IO in your React app

YourDeeplyNestedComponent.js

import React, { Component } from 'react'
import SocketContext from './socket-context'
import axios from 'axios'

class YourDeeplyNestedComponent extends Component {
  componentDidMount() {
    axios.post('/api/messages', {
     message: 'This is a new message' 
    })
      .then(response => {
        this.props.socket.emit('new-message-added', response.data.newMessage)
      })
  }
  
  render() {
   ...
  }
}
  
const YourDeeplyNestedComponentWithSocket = props => (
  <SocketContext.Consumer>
  {socket => <YourDeeplyNestedComponent {...props} socket={socket} />}
  </SocketContext.Consumer>
)
  
export default YourDeeplyNestedComponentWithSocket