How to show react-hot-toast when access directly client route?

[mic-tientpn]

I have a HOC for check route for admin, when i using link to access admin route I can check and show Toast error message and redirect, but when I access directly admin route, It still checked and redirect but Toast message is not show,
any suggest to fix this? thanks.

#index

<Provider store={store} >
    <Toaster position="top-center" reverseOrder={false} />
    <ReactTooltip place='right' className='tooltip-inner' multiline={true}/>

    <Router>
       <AdminRoute path="/admin/print-orders" component={AdminOrders} />
    </Router>
</Provider>

#Admin route

import React from "react"
import { navigate } from "gatsby"
import { isLoggedIn, getUser } from "../services/auth"
import toast from "react-hot-toast"

const PrivateRoute = ({ component: Component, location, ...rest }) => {
  if (!isLoggedIn()) {
    navigate("/admin")
    return null
  } else if (getUser().role && !getUser().role.includes("admin")) {
    toast.error("You do not have permission to access that page!")
    navigate('/dashboard')
    return null
  }

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

export default PrivateRoute