Passing prop from App.js

[BlueChinchillaEatingDorito]

I'm having some trouble accessing a prop from within the History page I'm making using React. In App.js I'm passing user as a prop.

<Route exact path="/history" render={(props) => (
		<History user={user}/>
		)} />

 

user is returned during componentDidMount:

    componentDidMount() {
        const user = AuthService.getCurrentUser();
        if (user) {
            this.setState({
                user: user
            });

The interesting fact is that I have another component before History :

<HeaderBar user={user}/>

And within the HeadBar component, it's able to access the user prop without any problems. However, in History, when I log this.props.user in the constructor, I'm constantly getting undefined. I made sure I have super(props) in the constructor so I'm at a lost right now. What could I be missing that's preventing me from passing the user prop?

 

So right now in History I have:

class History extends React.Component {
    constructor(props) {
        super(props);
        console.log(this.props.user)

 

If I add a button within render that logs this exact item, it logs it perfectly. The problem is that I need to use this user information to fetch whatever is going to be rendered on the page. 

[elpiop]

Edit: Never mind :d

[BlueChinchillaEatingDorito]

3 hours ago, elpiop said:

Edit: Never mind :d

All good. Got it all figured out! Ended up making a workaround by calling the authenticator service again to retrieve the user information again from localstorage.