From 1b6b2c5613effda355fe472a736b3414062f5f3c Mon Sep 17 00:00:00 2001
From: Jonas Tranberg <jonastranberg93@gmail.com>
Date: Sat, 27 Jul 2024 18:49:21 +0200
Subject: [PATCH] fix camera flicker

---
 src/views/Game/components/GamFinishedDialog.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/Game/components/GamFinishedDialog.tsx b/src/views/Game/components/GamFinishedDialog.tsx
index 77dfa6f..fcd3c05 100644
--- a/src/views/Game/components/GamFinishedDialog.tsx
+++ b/src/views/Game/components/GamFinishedDialog.tsx
@@ -11,7 +11,7 @@ import {
   Stack,
   useTheme,
 } from "@mui/material";
-import { FunctionComponent, useEffect, useState } from "react";
+import { FunctionComponent, memo, useEffect, useState } from "react";
 import { BsCamera } from "react-icons/bs";
 import { PiCameraRotate } from "react-icons/pi";
 import { useVideoDevices } from "../../../hooks/camera";
@@ -107,7 +107,7 @@ const GameFinishedDialog: FunctionComponent<GameFinishedDialogProps> = (
   );
 };
 
-const Camera: FunctionComponent = () => {
+const Camera: FunctionComponent = memo(() => {
   const theme = useTheme();
 
   const { devices: cameraDevices, error: cameraError } = useVideoDevices();
@@ -227,6 +227,6 @@ const Camera: FunctionComponent = () => {
       </Stack>
     </Stack>
   );
-};
+});
 
 export default GameFinishedDialog;