gatsby-magic-starter/src/components/privateroute.js

Gatsby authentication starter for Magic

import React from "react"
import { navigate } from "gatsby"
import { isLoggedIn } from "../util/auth"

const PrivateRoute = ({ component: Component, location, ...rest }) => {
  if (!isLoggedIn() && location.pathname !== `/app/login`) {
    navigate(`/app/login`)
    return null
  }

  return <Component {...rest} />
}

export default PrivateRoute