Fix hooks usage within recommended replacement for claimCheck

auth0 · Feb 21, 2023 · d1e297f · d1e297f
1 parent 29971e2
commit d1e297f
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/MIGRATION_GUIDE.md b/MIGRATION_GUIDE.md
@@ -316,11 +316,14 @@ Our recommendation is to create another HOC that will perform the claim check an
 
 ```jsx
 const withClaimCheck = (Component, myClaimCheckFunction, returnTo) => {
-  const { user } =  useAuth0();
-  if (myClaimCheckFunction(user)) {
-    return <Component />
+  const WithClaimCheckComponent = () => {
+    const { user } =  useAuth0();
+    if (myClaimCheckFunction(user)) {
+      return <Component />
+    }
+    Router.push(returnTo);
   }
-  Router.push(returnTo);
+  return WithClaimCheckComponent;
 }
 
 const checkClaims = (claim?: User) => claim?.['https://my.app.io/jwt/claims']?.ROLE?.includes('ADMIN');