allowNull={false} not working?

When a user backspaces until an input is blank, the value of the input inside of the values object becomes null. Unless I’m misunderstanding, this should never be possible due to the allowNull prop?

Demo: https://codesandbox.io/s/z6w7qkky83

For scanning

const initialValues = { lastName: '' };
const App = () => (
    <Form
      debug={console.log}
      onSubmit={onSubmit}
      initialValues={initialValues}
      render={({ handleSubmit, reset, submitting, pristine, values }) => {
        if (values.lastName == null) {
          console.warn('-------lastName is null----------');
        }
        return (
          <form onSubmit={handleSubmit}>
            <div>
              <label>First Name</label>
              <Field
                name="lastName"
                component="input"
                type="text"
              />
            </div>
          </form>
      );
      }}
    />
);

[maciejmyslinski]

I agree. @erikras I’d suggest unifying it. I can prepare the first draft if you make a decision and give me a direction I should take.

[sarink]

@maciejmyslinski Thanks for the explanation, though! I had no idea why my form.values were sometimes disappearing 😅. I’ll proceed using my parse workaround in the meantime.