Merge pull request #25 from GizzZmo/copilot/fix-yaml-loading-error

Fix CI failures: Vite/Node 18 incompatibility, ReactDOMTestUtils.act filter, getUserMedia guard, defaultProps deprecation

Author: GizzZmo

.github/workflows/ci.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [20.x, 22.x]
 
     steps:
     - name: Checkout code

jest.setup.js

@@ -11,7 +11,8 @@ const originalConsoleError = console.error;
 console.error = (...args) => {
   if (
     typeof args[0] === 'string' &&
-    args[0].includes('ReactDOMTestUtils.act is deprecated')
+    args[0].includes('ReactDOMTestUtils.act') &&
+    args[0].includes('deprecated')
   ) {
     return;
   }

package-lock.json

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import { formatUptime, formatTimestamp } from "../utils";
 
 // Dashboard viser sanntidsstatistikk og nøkkeltall for ledelse/bruker
-const Dashboard = memo(function Dashboard({ anomalies, uptime, users, lastReport }) {
+const Dashboard = memo(function Dashboard({ anomalies, uptime, users, lastReport = null }) {
   return (
     <section className="dashboard bg-gray-900 text-teal-300 p-6 rounded-lg shadow-lg mb-4">
       <h2 className="text-2xl mb-4 font-bold tracking-wide">Dashboard</h2>
@@ -38,8 +38,4 @@ Dashboard.propTypes = {
   lastReport: PropTypes.string,
 };
 
-Dashboard.defaultProps = {
-  lastReport: null,
-};
-
 export default Dashboard;

src/components/Dashboard.jsx

@@ -27,6 +27,9 @@ const FaceRecognition = memo(function FaceRecognition({ onDetect, tolerance, kno
 
       // Request camera with validated constraints
       const constraints = validateCameraConstraints();
+      if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+        throw new Error('Camera API not available in this environment');
+      }
       const stream = await navigator.mediaDevices.getUserMedia(constraints);
       streamRef.current = stream;