Login.js

import React from 'react';
import { Button } from 'semantic-ui-react';
import { Connect, SimpleSigner } from 'uport-connect'
const MNID = require('mnid');

class Login extends React.Component {

    loginClicked = () => {
        console.log("Event clicked");

        const uport = new Connect('dapp-workshop', {
            clientId: '2onBp3mzTkqL6yYScbJdAj1BmyNXarWX5sT',
            network: 'rinkeby',
            signer: SimpleSigner('f8ee568811f011ba93b5cd7105dbdd25d9de2d34ace72ffd6c909ea79a4ff2e2')
          });
        

        // Request credentials to login
        uport.requestCredentials({
            requested: ['name', 'phone', 'country'],
            notifications: true // We want this if we want to recieve credentials
        })
            .then((credentials) => {
                // Do something
                let addressPayload = MNID.decode(credentials.address);
                console.log(addressPayload.address);
                debugger;
            })
    }

    render() {
        return (
            <div>
                <Button onClick={this.loginClicked} positive>Login</Button>
            </div>
        )
    }
}

export default Login;