https://twitter.com/nitaking_/status/1564540697939947520?s=20&t=Phh6ao82Lyk4519Xlu6gWQ

useForm.ts

const UserScheme = z.object({
  name: z.string().nonempty().max(50),
  age: z.number().min(1).max(200),
});

type Values = z.infer<typeof UserScheme>;
type Forms = {
  setName: (value: string) => void;
  setAge: (value: number) => void;
  valid: boolean;
  invalid: boolean;
};

export const useForm = (): [Values, Forms] => {
  const [name, setName] = useState('');
  const [age, setAge] = useState(12);

  const validation = useCallback(
    () =>
      UserScheme.safeParse({
        name,
        age,
      }).success,
    [age, name],
  );
  const valid = useMemo(() => validation(), [validation]);
  const invalid = useMemo(() => !valid, [valid]);

  return [
    {
      name,
      age,
    },
    {
      setName,
      setAge,
      valid,
      invalid,
    },
  ];
};

...

const Component = () => {
  const [values, form] = useForm()
  return (
    <Button disabled={form.invalid} ... />
  )
}