Wrap localStorage API Access in try-catch (#1241)

src/components/TopErrorBoundary.tsx

@@ -81,8 +81,12 @@ export class TopErrorBoundary extends React.Component<
             {t("errorSplash.clearCanvasMessage")}
             <button
               onClick={() => {
-                localStorage.clear();
-                window.location.reload();
+                try {
+                  localStorage.clear();
+                  window.location.reload();
+                } catch (error) {
+                  console.error(error);
+                }
               }}
             >
               {t("errorSplash.clearCanvasMessage_button")}

src/data/localStorage.ts

@@ -10,19 +10,32 @@ export function saveToLocalStorage(
   elements: readonly ExcalidrawElement[],
   appState: AppState,
 ) {
-  localStorage.setItem(
-    LOCAL_STORAGE_KEY,
-    JSON.stringify(elements.filter((element) => !element.isDeleted)),
-  );
-  localStorage.setItem(
-    LOCAL_STORAGE_KEY_STATE,
-    JSON.stringify(clearAppStateForLocalStorage(appState)),
-  );
+  try {
+    localStorage.setItem(
+      LOCAL_STORAGE_KEY,
+      JSON.stringify(elements.filter((element) => !element.isDeleted)),
+    );
+    localStorage.setItem(
+      LOCAL_STORAGE_KEY_STATE,
+      JSON.stringify(clearAppStateForLocalStorage(appState)),
+    );
+  } catch (error) {
+    // Unable to access window.localStorage
+    console.error(error);
+  }
 }
 
 export function restoreFromLocalStorage() {
-  const savedElements = localStorage.getItem(LOCAL_STORAGE_KEY);
-  const savedState = localStorage.getItem(LOCAL_STORAGE_KEY_STATE);
+  let savedElements = null;
+  let savedState = null;
+
+  try {
+    savedElements = localStorage.getItem(LOCAL_STORAGE_KEY);
+    savedState = localStorage.getItem(LOCAL_STORAGE_KEY_STATE);
+  } catch (error) {
+    // Unable to access localStorage
+    console.error(error);
+  }
 
   let elements = [];
   if (savedElements) {