AuthComponent.jsx

import React from 'react';

export async function isLoggedIn() {
	const response = await fetch('/isLoggedIn', {
		credentials : 'include'
	});
	const authenticated = await response.json();
	return authenticated.loggedIn;
}

export default class AuthComponent extends React.Component {
	state = {
		auth : false
	}

	componentWillMount = _ => {
		this.authorize();
		console.log("component will mount", this.state.auth)
	}

	authorize = async _ => {
		const auth = await isLoggedIn();
		this.setState({
			auth : auth
		});
	}

	render() {
		console.log("component will render", this.state.auth)
		return(
			<div>{this.state.auth ? React.createElement(this.props.authRoute, {}) : React.createElement(this.props.authFallback, {})}</div>
		);
	}
}