Protected Route

Description

A react route that redirects to a different path when the user is not authenticated.

Props

• component - (Node, Required) - The component to render when the user is authenticated.
• path - (String, Required) - The string to match for the route.
• redirectPath - (String, Required) - The path to navigate to when the user is not authenticated.
• isAuthenticated - (Boolean, Required) - True or false if the user is authenticated.

Usage

import React from "react"
import { Switch } from "react-router-dom"
import ProtectedRoute from "@alexseitsinger/protected-route"

import HomePage from "../pages/home"

const ConnectedProtectedRoute = connect((state) => {
	return {
		isAuthenticated: state.auth.isAuthenticated
	}
})(ProtectedRoute)

export default (
	<Switch>
		<ConnectedProtectedRoute
			path={"/home"}
			component={HomePage}
			redirectPath={"/"}
		/>
	</Switch>
)