fix(rbac): verifying the renders

Author: imjulianeral

example/ts-fire-example/package-lock.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "firebase": "^8.7.0",
     "next": "11.0.1",
-    "next-shield": "^2.0.3",
+    "next-shield": "^2.0.4",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-firebase-hooks": "^3.0.4",

example/ts-fire-example/package.json

@@ -67,10 +67,17 @@ export function NextShield<
 
   useEffect(() => {
     if (!isAuth && !isLoading && pathIsPrivate) replace(loginRoute)
-    if (isAuth && !isLoading && pathIsPublic) replace(access)
-    if (isAuth && !isLoading && !pathIsHybrid && !pathIsAuthorized) replace(access)
+    if (isAuth && !isLoading && pathIsPublic) {
+      console.log('redirected to private route', { access, pathIsAuthorized })
+      replace(access)
+    }
+    if (isAuth && userRole && !isLoading && !pathIsHybrid && !pathIsAuthorized) {
+      console.log('redirected to granted route', { access, pathIsAuthorized })
+      replace(access)
+    }
   }, [
     replace,
+    userRole,
     access,
     isAuth,
     isLoading,