auto save only when its supported

src/actions/actionExport.tsx

@@ -248,21 +248,24 @@ export const actionToggleAutoSave = register({
       commitToHistory: false,
     };
   },
-  PanelComponent: ({ appState, updateData }) => (
-    <label style={{ display: "flex" }}>
-      <input
-        type="checkbox"
-        checked={appState.autoSave}
-        onChange={(event) => updateData(event.target.checked)}
-      />{" "}
-      {t("labels.toggleAutoSave")}
-      <Tooltip
-        label={t("labels.toggleAutoSave_details")}
-        position="above"
-        long={true}
-      >
-        <div className="TooltipIcon">{questionCircle}</div>
-      </Tooltip>
-    </label>
-  ),
+  PanelComponent: ({ appState, updateData }) =>
+    supported ? (
+      <label style={{ display: "flex" }}>
+        <input
+          type="checkbox"
+          checked={appState.autoSave}
+          onChange={(event) => updateData(event.target.checked)}
+        />{" "}
+        {t("labels.toggleAutoSave")}
+        <Tooltip
+          label={t("labels.toggleAutoSave_details")}
+          position="above"
+          long={true}
+        >
+          <div className="TooltipIcon">{questionCircle}</div>
+        </Tooltip>
+      </label>
+    ) : (
+      <></>
+    ),
 });

src/components/App.tsx

@@ -910,7 +910,7 @@ class App extends React.Component<ExcalidrawProps, AppState> {
       .querySelector(".excalidraw")
       ?.classList.toggle("theme--dark", this.state.theme === "dark");
 
-    if (this.state.autoSave && this.state.fileHandle) {
+    if (this.state.autoSave && this.state.fileHandle && supported) {
       try {
         this.saveLocalSceneDebounced(
           this.scene.getElementsIncludingDeleted(),