@folo/values/src/components/Form.js

> A from store returns input values with zero config

import React from "react";

import registry from "../valuesStore";

const Form = ({
  component: FormComponent = "form",
  onSubmit: onSubmitProps,
  storeID,
  children,
  ...rest
}) => {
  React.useEffect(
    () =>
      function cleanup() {
        registry.clear(storeID);
      }
  );

  function onSubmit(e) {
    e.preventDefault();

    if (typeof onSubmitProps === "function") {
      onSubmitProps(e, registry.getDataByStoreID(storeID));
    }
  }

  return (
    <FormComponent onSubmit={onSubmit} {...rest}>
      {children}
    </FormComponent>
  );
};

export default Form;