Can't retrieve spotify api token

I am using the react-spotify-login package and when trying to authorize the application I can't retrieve the access token. My routing works and sending the request works. I just can't retrieve the token. I've just started learning react so I'm hoping it isn't something I'm easily overlooking.

import React, { Component } from 'react';
import SpotifyLogin from 'react-spotify-login';
import { clientId, redirectUri } from '../../Settings';
import { Redirect } from 'react-router-dom';




export class Login extends Component {
    render() {
        const onSuccess = ({ response }) => {
            //const { access_token: token } = response;
            console.log("[onSuccess]" + response);
            return <Redirect to='/home' />
        };

        const onFailure = response => console.error("[onFailure]" + response);

        return (
            <div>
                <SpotifyLogin
                    clientId={clientId}
                    redirectUri={redirectUri}
                    onSuccess={onSuccess}
                    onFailure={onFailure}
                />
            </div>
        );
    }
}
export default Login;

Solution

In your approach you are trying to destructure the response data/object and pull field 'response' which does not exist i.e undefined

Change

const onSuccess = ({ response }) => {

const onSuccess = (response) => {