@@ -1,21 +1,14 @@
11import { useEffect } from 'react';
2−import { useFormState, useForm } from 'react-final-form';
2+import { useForm } from 'react-final-form';
33
44/**
55 * ValuesHandler notifies callback function when form values change.
66 */
7−export default function ValuesHandler({ onValues }) {
7+export default function ValuesHandler({ valid, validating, values, onValues }) {
88 const form = useForm();
9− const { valid, validating, values } = useFormState({
10− subscription: {
11− valid: true,
12− validating: true,
13− values: true,
14− },
15− });
169
1710 useEffect(() => {
18− if (!validating) {
11+ if (!validating && !form.isValidationPaused()) {
1912 onValues && onValues({ valid, values, form });
2013 }
2114 }, [form, onValues, valid, validating, values]);