Run npm audit --fix and fix tests

jest.setup.js

@@ -0,0 +1 @@
+import '@babel/polyfill'

package.json

@@ -72,14 +72,15 @@
     "uuid": "^3.3.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.2.0",
-    "@babel/plugin-proposal-class-properties": "^7.2.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.2.0",
-    "@babel/preset-env": "^7.2.0",
+    "@babel/core": "^7.5.0",
+    "@babel/plugin-proposal-class-properties": "^7.5.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.5.1",
+    "@babel/polyfill": "^7.4.4",
+    "@babel/preset-env": "^7.5.0",
     "@babel/preset-react": "^7.0.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
-    "babel-jest": "^23.6.0",
+    "babel-jest": "^24.8.0",
     "babelify": "^10.0.0",
     "chastifol": "^4.1.0",
     "eslint": "^5.10.0",
@@ -90,18 +91,21 @@
     "eslint-plugin-promise": "^4.0.1",
     "eslint-plugin-react": "^7.0.1",
     "eslint-plugin-standard": "^4.0.0",
-    "jest-cli": "^23.6.0",
+    "jest-cli": "^24.8.0",
     "node-sass": "^4.11.0",
     "nodemon": "^1.18.8",
     "redux-mock-store": "^1.2.3",
     "supertest": "^3.0.0",
     "uglify-js": "^3.4.9",
-    "watchify": "^3.9.0"
+    "watchify": "^3.11.1"
   },
   "jest": {
     "transform": {
-      ".*": "<rootDir>/node_modules/babel-jest"
+      "^.+\\.[t|j]sx?$": "<rootDir>/node_modules/babel-jest"
     },
+    "setupFiles": [
+      "./jest.setup.js"
+    ],
     "modulePathIgnorePatterns": [
       "<rootDir>/node_modules/"
     ]

src/client/components/App.js

@@ -27,6 +27,8 @@ export default class App extends React.PureComponent {
     this.state = {
       videos: {}
     }
+    this.chatRef = React.createRef()
+    this.toolbarRef = React.createRef()
   }
   componentDidMount () {
     const { init } = this.props
@@ -54,11 +56,11 @@ export default class App extends React.PureComponent {
           chatRef={this.chatRef}
           messages={messages}
           stream={streams[constants.ME]}
-          ref={node => { this.toolbarRef = node }}
+          ref={this.toolbarRef}
         />
         <Alerts alerts={alerts} dismiss={dismissAlert} />
         <Notifications notifications={notifications} />
-        <div className="chat-container" ref={node => { this.chatRef = node }}>
+        <div className="chat-container" ref={this.chatRef}>
           <Chat
             messages={messages}
             videos={videos}

src/client/index.js

@@ -1,4 +1,5 @@
 'use strict'
+import '@babel/polyfill'
 import App from './containers/App.js'
 import React from 'react'
 import ReactDOM from 'react-dom'