почему вход в приставной форме принимает только один символ

Question

поле ввода в пользовательском интерфейсе не показывает никаких символов при наборе.Кроме того, значение в хранилище принимает только последний набранный символ.Например, при вводе sam значение в хранилище будет m, а sam не будет отображаться в текстовом поле.

Вот код.

import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { validate } from './validation';
import { reduxForm, Field } from 'redux-form';

class Login extends Component {

    renderInput = ({input, meta}) =>
        <div className="position-relative form-group">
            <input { ...input } />
        </div>

    render () {
        return (
            <div className="login">
                <form>
                    <Field name="identifier" component={this.renderInput}/>
                    <Field name="password" component={this.renderInput}/>
                    <div className="position-relative form-group text-center mt-5">
                        <button type="submit" className="login-btn btn btn-lg w-50">Login</button>
                    </div>
                </form> 
            </div>
        );
    }
}

export default reduxForm({
    form: 'login',
    fields: ['identifier', 'password'],
    validate,
})(Login);