Раскрывающиеся поля были сброшены, но поля ввода отсутствуют в React TypeScript

Question

Когда я нажимаю кнопку сброса, раскрывающиеся поля сбрасываются, а поля ввода - нет.

Я установил пустое состояние при нажатии кнопки сброса.

    const newDeviceForm = {
        meterName: " ",
        manufacturerId: 0,
        hostName: " ",
        port: " ",
        protocol: "TCP",
        authType: null,
        passowrd: " ",
        conProtocol: "DLMS",
        securityType: null,
        systemTitle: " ",
        blockCipherKey: " ",
        authenticationKey: "" ,
        userId: " ",
        tenantId: 0,
        referencingName: null
        ,phase:0
    };
   const handleReset = (e) => {
        setDevice(newDeviceForm);
        setSumbmited(false);
        setShowMessage(false);
    }

    return (

                    <div className="p-col-12 p-md-4" style={{ textAlign: 'center' }}>
                        <Button
                            label="Save"
                            onClick={handleSubmit}
                            type="button"
                            className="p-button-raised"
                            style={{  marginBottom: '10px' }}
                        />
                    </div>
                </div>
            </div>
        </div>
    );
};
const mapStateToProps = (state: any) => {
    const { deviceFormData } = state;
    return {
        deviceFormData
    };
};
export default connect(mapStateToProps)(NewDevice);

Это моя страница сброса: