How to use the alt-react.connect function in alt-react

BrainkeyStoreFactory.closeInstance("wmc");
    }
    render() {
        return (
            <span>
                <h3>
                    
                </h3>
                
                    
                
            </span>
        );
    }
}
Brainkey = connect(Brainkey, connectObject);
export default Brainkey;

class ViewBrainkey extends Component {
    render() {
        let short_brnkey = this.props.brnkey.substring(0, 10);
        // console.log("this.props.account_ids.toArray()", this.props.account_ids.toArray())
        return (
            <span>
                <div>
                    <span>{short_brnkey}</span>…
                </div>
                <p>
                {this.props.account_ids.size ? (
                    </p></span>

.map((total, asset_id) => (
                        <div>
                            
                        </div>
                    ))
                    .toArray()}
            
        );
    }
}

BalanceClaimAssetTotals = connect(BalanceClaimAssetTotals, {
    listenTo() {
        return [BalanceClaimActiveStore];
    },
    getProps() {
        return BalanceClaimActiveStore.getState();
    }
});

export default BalanceClaimAssetTotals;

);
    }
}
CommitteeMembers = BindToChainState(CommitteeMembers, {keep_updating: true});

class CommitteeMembersStoreWrapper extends React.Component {
    render () {
        return ;
    }
}

CommitteeMembersStoreWrapper = connect(CommitteeMembersStoreWrapper, {
    listenTo() {
        return [SettingsStore];
    },
    getProps() {
        return {
            cardView: SettingsStore.getState().viewSettings.get("cardViewCommittee"),
            filterCommitteeMember: SettingsStore.getState().viewSettings.get("filterCommitteeMember"),
        };
    }
});

export default CommitteeMembersStoreWrapper;

} catch (e) {}
            Notification.error({
                message: counterpart.translate(
                    "notifications.balance_claim_error",
                    {
                        error_msg: message
                    }
                )
            });

            throw error;
        });
    }
}

BalanceClaimActive = connect(
    BalanceClaimActive,
    {
        listenTo() {
            return [BalanceClaimActiveStore, AccountRefsStore, PrivateKeyStore];
        },
        getProps() {
            let props = BalanceClaimActiveStore.getState();
            props.account_refs = AccountRefsStore.getAccountRefs();
            return props;
        }
    }
);

export default BalanceClaimActive;

);
    }
}
Witnesses = BindToChainState(Witnesses, {keep_updating: true});

class WitnessStoreWrapper extends React.Component {
    render () {
        return ;
    }
}

WitnessStoreWrapper = connect(WitnessStoreWrapper, {
    listenTo() {
        return [SettingsStore];
    },
    getProps() {
        return {
            cardView: SettingsStore.getState().viewSettings.get("cardView"),
            filterWitness: SettingsStore.getState().viewSettings.get("filterWitness")
        };
    }
});

export default WitnessStoreWrapper;

);
    }
}

class SettingsContainer extends React.Component {

    render() {
        if (!this.props.accountsReady) return null;
        return ;
    }
}

export default connect(SettingsContainer, {
    listenTo() {
        return [AccountStore, SettingsStore];
    },
    getProps() {
        return {
            currentAccount: AccountStore.getState().currentAccount,
            linkedAccounts: AccountStore.getState().linkedAccounts,
            viewSettings: SettingsStore.getState().viewSettings,
            accountsReady: AccountStore.getState().accountsLoaded && AccountStore.getState().refsLoaded
        };
    }
});

);
    }
}

class SettingsContainer extends React.Component {

    render() {
        if (!this.props.accountsReady) return null;
        return ;
    }
}

export default connect(SettingsContainer, {
    listenTo() {
        return [AccountStore, SettingsStore];
    },
    getProps() {
        return {
            currentAccount: AccountStore.getState().currentAccount,
            linkedAccounts: AccountStore.getState().linkedAccounts,
            viewSettings: SettingsStore.getState().viewSettings,
            accountsReady: AccountStore.getState().accountsLoaded && AccountStore.getState().refsLoaded
        };
    }
});

this._renderGetStarted()
                        }
                    

                    <div>
                        {step === 1 ? this._renderAccountCreateText() : step === 2 ? this._renderBackupText() :
                            this._renderGetStartedText()
                        }
                    </div>
                
            
        );
    }
}

export default connect(CreateAccount, {
    listenTo() {
        return [AccountStore];
    },
    getProps() {
        return {};
    }
});

this._renderGetStarted()
                        }
                    

                    <div>
                        {step === 1 ? this._renderAccountCreateText() : step === 2 ? this._renderBackupText() :
                            this._renderGetStartedText()
                        }
                    </div>
                
            
        );
    }
}

export default connect(CreateAccount, {
    listenTo() {
        return [AccountStore];
    },
    getProps() {
        return {};
    }
});

}
            });
        });

        return (
            
        );
    }
}

const ConnectedWrapper = connect(BindToChainState(WithdrawModalWrapper), {
    listenTo() {
        return [AccountStore];
    },
    getProps() {
        return {
            account: AccountStore.getState().currentAccount
        };
    }
});

export default class WithdrawModal extends React.Component {
    constructor() {
        super();

        this.state = {open: false};
    }