Fixes

ui/v2.5/.eslintrc.json

@@ -8,6 +8,7 @@
   ],
   "extends": [
       "airbnb-typescript",
+      "airbnb/hooks",
       "prettier",
       "prettier/react",
       "prettier/@typescript-eslint"

ui/v2.5/config/webpack.dev.js

@@ -31,6 +31,8 @@ module.exports = merge(commonConfig, {
     compress: true,
     host: '0.0.0.0',
     hot: true, // enable HMR on the server host: '0.0.0.0',
+    transportMode: 'ws',
+    injectClient: false,
     port: process.env.PORT,
     historyApiFallback: true,
     stats: {

ui/v2.5/package.json

@@ -12,7 +12,7 @@
     "lint": "yarn lint:css && yarn lint:js",
     "lint:js": "eslint --cache src/**/*.{ts,tsx}",
     "lint:css": "stylelint 'src/**/*.scss'",
-    "format": "prettier \"src/**/*.{js,jsx,ts,tsx}\"",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
     "gqlgen": "gql-gen --config codegen.yml"
   },
   "browserslist": [

ui/v2.5/src/index.scss

@@ -6,6 +6,8 @@
 @import "styles/scrollbars";
 @import "styles/variables";
 
+@import "./components/**/*.scss";
+
 body {
   margin: 0;
   padding: $pt-navbar-height 0 0 0;