diff --git a/web/apps/photos/src/pages/cluster-debug.tsx b/web/apps/photos/src/pages/cluster-debug.tsx
index 2cc97f4511..225bd79780 100644
--- a/web/apps/photos/src/pages/cluster-debug.tsx
+++ b/web/apps/photos/src/pages/cluster-debug.tsx
@@ -25,7 +25,7 @@ import {
     TextField,
     Typography,
 } from "@mui/material";
-import { useFormik, type FormikContextType } from "formik";
+import { useFormik, type FormikProps } from "formik";
 import { useRouter } from "next/router";
 import { AppContext } from "pages/_app";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
@@ -250,7 +250,7 @@ const ListItem = styled("div")`
 `;
 
 interface HeaderProps {
-    formik: FormikContextType<ClusteringOpts>;
+    formik: FormikProps<ClusteringOpts>;
     clusterRes: ClusterDebugPageContents | undefined;
 }