diff --git a/src/photo/form/PhotoForm.tsx b/src/photo/form/PhotoForm.tsx index 6a452c47..701ad619 100644 --- a/src/photo/form/PhotoForm.tsx +++ b/src/photo/form/PhotoForm.tsx @@ -30,6 +30,7 @@ import { getNextImageUrlForRequest } from '@/services/next-image'; import useDelay from '@/utility/useDelay'; import usePreventNavigation from '@/utility/usePreventNavigation'; import { useAppState } from '@/state/AppState'; +import { useRouter } from 'next/navigation'; const THUMBNAIL_SIZE = 300; @@ -65,6 +66,13 @@ export default function PhotoForm({ const { invalidateSwr } = useAppState(); + const router = useRouter(); + + const clearLocalState = useCallback(() => { + invalidateSwr?.(); + router.refresh(); + }, [invalidateSwr, router]); + const changedFormKeys = useMemo(() => getChangedFormFields(initialPhotoForm, formData), [initialPhotoForm, formData]); @@ -374,14 +382,7 @@ export default function PhotoForm({ {type === 'create' ? 'Create' : 'Update'}