import { useState, useEffect } from "react";
import { Redirect, Route } from "react-router-dom";

function CustomRoute(props) {
  const [returnedRoute, setReturnedRoute] = useState();

  useEffect(() => {
    switch (props.isMember) {
      case true:
        return setReturnedRoute(<Route {...props} />);
      case false:
        return setReturnedRoute(<Redirect to="/become-a-member" />);
      default:
        return setReturnedRoute(<Route {...props} />);
    }
  }, [props]);

  return <>{returnedRoute}</>;
}

export default CustomRoute;