fix: add react types as dependency

tsgrain_web.example.toml

@@ -0,0 +1,22 @@
+# Webserver options
+[Server]
+Address = ""
+Port = 8001
+
+# Websocket connection settings: Ping interval/Timeout in seconds
+[Server.Websocket]
+Ping = 10
+Timeout = 2
+
+# Compression settings. Refer to code.thetadev.de/TSGRain/ginzip for details.
+[Server.Compression]
+Gzip = "default"
+Brotli = "default"
+
+[Authentication]
+Enable = false
+PasswdFile = "htpasswd"
+
+# IP-Address and port for communicating with the controller
+[GRPC]
+Address = "127.0.0.1:50051"

ui/package.json

@@ -22,6 +22,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.17.0",
+    "@types/react": "^18.2.47",
     "@types/react-dom": "^17.0.11",
     "@vitejs/plugin-react-refresh": "latest",
     "typescript": "^4.5.2",

ui/src/components/Controls.tsx

@@ -135,7 +135,7 @@ class TaskProgress extends React.Component<TaskProgressProps, TaskProgressState>
 			// Cap progress in case the client is out of sync
 			progSeconds = Math.min(Math.max(progSeconds, 0), this.props.task.duration)
 
-			progPercent = (progSeconds / srvDuration) * 100
+			progPercent = (progSeconds / this.props.task.duration) * 100
 		}
 
 		return (