enable hmr for dashboard (#18679)

Author: selfcontained

components/dashboard/craco.config.js

@@ -47,6 +47,15 @@ module.exports = {
             ],
         },
     },
+    devServer: {
+        client: {
+            webSocketURL: {
+                hostname: process.env.HMR_HOST ? new URL(process.env.HMR_HOST).hostname : "localhost",
+                port: process.env.HMR_HOST ? 443 : 3000,
+                protocol: "wss",
+            },
+        },
+    },
     ...when(process.env.GP_DEV_HOST && process.env.GP_DEV_COOKIE, () => ({
         devServer: {
             proxy: {

components/dashboard/package.json

@@ -83,7 +83,7 @@
     "web-vitals": "^1.1.1"
   },
   "scripts": {
-    "start": "craco start",
+    "start": "BROWSER=none HMR_HOST=`gp url 3000` craco start",
     "build": "craco build --verbose",
     "lint": "eslint --max-warnings=0 --ext=.jsx,.js,.tsx,.ts ./src",
     "test": "yarn test:unit",