I seem to be running into an issue implementing Content Explorer in React. I have the api call occurring in componentDidMount() and it is successfully generating a token. I am then able to render the token on screen as an h1 (for testing purposes). I am also able to console.log the token but when I attempt to pass the token into the 'token' parameter in ContentExplorer it does not seem to work. I have also tried making ContentExplorer as a component separate from my api call. I am able to successfully pass the token into this separate component and render it as an h1 but it still will not work correctly when passed into ContentExplorer as a parameter. Here is my code below. In this code I am doing my api call and ContentExplorer in the same component. Any help as to why the token will not function properly would be greatly appreciated. Thanks. 

class Box extends Component {    
constructor(props) {
        super(props);
        this.state = {
            accessToken: ''
        }
    }    

      async componentDidMount() {
        const authenticationUrl = "https://api.box.com/oauth2/token";
        let search = window.location.search;
        let params = new URLSearchParams(search);
        let accessToken = await axios.post(
            authenticationUrl,
            queryString.stringify({
                grant_type: 'authorization_code',
                code: params.get('code'),
                client_id: 'XXXXXXXXXXXXXXXXXXXXXX',
                client_secret: 'XXXXXXXXXXXXXXXXXXXX'
            })
        )
            .then(response => response.data.access_token);
        this.setState({accessToken: accessToken});
        console.log(accessToken);
    }    render() {
        let token = this.state.accessToken;
        return(