Inertia React Form Helper won't change value

I'm using the Inertia Form helper. Most keys get filled like needed except for one, which is supposed to be filled through a select-tag. The rest are filled through text-inputs/checkbox. I'm not sure why it doesn't behave like it should. The other components are Laravel Jetstream react components, this one is a standard HTML tag, dont think that should be a problem tho. The key just keeps its initial value on form post:

const form = useForm({
    name: '',
    email: '',
    password: '',
    password_confirmation: '',
    userType: '',
    video: null,
    terms: false,
  });

<div className="mt-4">
            <JetLabel htmlFor="userType">Ik meld me aan als</JetLabel>
            <div id="userType" className="w-full space-y-0.5">
              <select
                  onChange={e => form.setData('userType', e.currentTarget.value) }
                  name="type">
                  <option value="">Select</option>
                  <option value="Individual">Individual</option>
                  <option value="School">School/Organization</option>
              </select>
            </div>
</div>