App.tsx

const UserBlockFunction = () => {
    return (
        <Connect query={graphqlOperation('{ me { id name } }')}>
            {(response) => {
                if (response.loading) {
                    return (<LoadingIndicator loading={response.loading}/>);
                } else if (response.data && response.data.me) {
                    return (<UserBlock name={response.data.me.name}/>);
                } else {
                    return (<ErrorIndicator errors={response.errors}/>);
                }
            }}
        </Connect>
    );
};

export default UserBlockFunction;