From cf93f80c0c0b68651f1d0dc6987e8a6fc527f8dc Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Fri, 3 Jan 2025 15:16:50 +0530
Subject: [PATCH] MutableRefObject is deprecated (all refs are mutable now)

---
 .../src/components/Collections/CollectionHeader.tsx       | 2 +-
 .../src/components/PhotoViewer/ImageEditorOverlay.tsx     | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/apps/photos/src/components/Collections/CollectionHeader.tsx b/web/apps/photos/src/components/Collections/CollectionHeader.tsx
index 125a5467d2..125966a7ec 100644
--- a/web/apps/photos/src/components/Collections/CollectionHeader.tsx
+++ b/web/apps/photos/src/components/Collections/CollectionHeader.tsx
@@ -697,7 +697,7 @@ const AlbumCollectionOptions: React.FC<AlbumCollectionOptionsProps> = ({
 interface CollectionSortOrderMenuProps {
     open: boolean;
     onClose: () => void;
-    overFlowMenuIconRef: React.MutableRefObject<SVGSVGElement>;
+    overFlowMenuIconRef: React.RefObject<SVGSVGElement>;
     onAscClick: () => void;
     onDescClick: () => void;
 }
diff --git a/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay.tsx b/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay.tsx
index 6ae746b9e3..d59dc48b34 100644
--- a/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay.tsx
+++ b/web/apps/photos/src/components/PhotoViewer/ImageEditorOverlay.tsx
@@ -50,8 +50,8 @@ import React, {
     useEffect,
     useRef,
     useState,
-    type MutableRefObject,
     type Ref,
+    type RefObject,
 } from "react";
 import uploadManager from "services/upload/uploadManager";
 
@@ -791,8 +791,8 @@ const canvasToFile = async (
 };
 
 interface CommonMenuProps {
-    canvasRef: MutableRefObject<HTMLCanvasElement>;
-    originalSizeCanvasRef: MutableRefObject<HTMLCanvasElement>;
+    canvasRef: RefObject<HTMLCanvasElement>;
+    originalSizeCanvasRef: RefObject<HTMLCanvasElement>;
     setTransformationPerformed: (v: boolean) => void;
     canvasLoading: boolean;
     setCanvasLoading: (v: boolean) => void;
@@ -802,7 +802,7 @@ interface CommonMenuProps {
 type CropMenuProps = CommonMenuProps & {
     previewScale: number;
     cropBoxProps: CropBoxProps;
-    cropBoxRef: MutableRefObject<HTMLDivElement>;
+    cropBoxRef: RefObject<HTMLDivElement>;
     resetCropBox: () => void;
 };