Error occurs when verifying the form antd ver 3.26.19

[backloz]

In the existing project, I inserted a numeric value input field using the following fragment of the code:

              <Form.Item>
                {this.props.form.getFieldDecorator('username', {
                  trigger: 'onBlur',
                  validateTrigger: 'onBlur',
                  valuePropName: 'defaultValue',
                  initialValue: 123,
                  rules: [
                          { required: true, message: 'Please input your username!' },
                          { pattern: /^\s*[0-9]+\s*$/, message: 'wrong input!!!' }
                          ],
                })(
                  <Input
                    prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />}
                    placeholder="Username"
                  />,
                )}
              </Form.Item>

Values are entered, but the verification does not work and the following message is output:

Uncaught TypeError: Cannot convert undefined or null to object
    at Function.entries (<anonymous>)
    at onFieldsChange (config-section.jsx?fa36:956)
    at HotComponent.setFields (createBaseForm.js?c32b:327)
    at HotComponent.validateFieldsInternal (createBaseForm.js?c32b:455)
    at HotComponent.onCollectValidate (createBaseForm.js?c32b:191)
    at HTMLUnknownElement.callCallback (react-dom.development.js?61bb:188)
    at Object.invokeGuardedCallbackDev (react-dom.development.js?61bb:237)
    at invokeGuardedCallback (react-dom.development.js?61bb:292)
    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js?61bb:306)
    at executeDispatch (react-dom.development.js?61bb:389)

Please write how to fix the error and solve the problem.