NewsletterForm.js

const NewsletterForm = ({ newsletterOptions, onSubmit }) => {
  const [model, dispatch] = useReducer(reducer, initialModel);

  useEffect(() => {
    dispatch(actions.setNewsletterOptions(newsletterOptions));
  }, [newsletterOptions]);

  const handleFieldChange = (change) => {
    dispatch(actions.changeField(change));
  };

  const handleSubmit = () => {
    const {
      fields: { fullName, newsletter },
    } = model;

    onSubmit({ fullName: fullName.value, newsletter: newsletter.value });
  };

  return (
    <View
      model={model}
      onFieldChange={handleFieldChange}
      onSubmit={handleSubmit}
    />
  );
};