Validate URLs

web/packages/new/photos/components/DevSettings.tsx

@@ -1,3 +1,4 @@
+import { apiOrigin } from "@ente/shared/network/api";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
 import {
     Dialog,
@@ -41,6 +42,14 @@ export const DevSettings: React.FC<DevSettingsProps> = ({ open, onClose }) => {
         initialValues: {
             apiOrigin: localStorage.getItem("apiOrigin") ?? "",
         },
+        validate: ({ apiOrigin }) => {
+            try {
+                new URL(apiOrigin);
+            } catch {
+                return { apiOrigin: "Invalid endpoint" };
+            }
+            return {};
+        },
         onSubmit: async (values, { setSubmitting, setErrors }) => {
             try {
                 await updateAPIOrigin(values.apiOrigin);