How do I validate a number input within a React component

In my return statement, I try to check for a valid number or else assign the value 0. This doesn't seem to work, is there a different way of doing this?

return (
    question?.type}
      name={question?.name}
      value={value ?? ''}
      placeholder={question?.placeholder ?? ''}
      onChange={(e: React.FormEvent) => {
        if (question?.type === 'number' && Number(e.currentTarget.value) < 1) {
          e.currentTarget.value = 0;
        }
        dispatch(
          setResponseGeneric({
            property: question?.name,
            value: e.currentTarget.value,
          })
        );
      }}
    >
  );