How to get users' permission in React?

[cesarsmaniottospotlar]

Hello guys

I'm using Fief to authenticate users in my React app and I would like using permissions to control which menus must be available accodingly with user permissions.

But, the return of hook useFiefUserinfo doesn't return user permissions

Are there any way to get this information?

Thanks!

[fief-bailiff[bot]]

Hail, @cesarsmaniottospotlar 👋 Welcome to Fief's kingdom!

Our team will get back to you very soon to help.

In the meantime, take a minute to star our repository ⭐️

Want to support us?

Subscribe to one of our paid plan to help us continue our work and receive exclusive information and benefits! Starts at $5/month 🪙

Farewell!

[frankie567]

You can use useFiefAccessTokenInfo: it'll return you a FiefAccessTokenInfo object which contains an array with the permissions:

{
    "id": "aeeb8bfa-e8f4-4724-9427-c3d5af66190e",
    "scope": ["openid", "required_scope"],
    "acr": "1",
    "permissions": ["castles:read", "castles:create", "castles:update", "castles:delete"],
    "access_token": "ACCESS_TOKEN",
}

[NataliaFCavicchioli]

@frankie567 I am having the same issue. Are you sure this hook still works? Fief does not recognize it.

'"@fief/fief/react"' has no exported member named 'useFiefAcceskenInfo'.

[frankie567]

It looks like you have a typo: 'useFiefAcceskenInfo'. The correct name is useFiefAccessTokenInfo.

[NataliaFCavicchioli]

Sorry about that, but still, doesn't work.

'"@fief/fief/react"' has no exported member named 'useFiefAccessTokenInfo'.

[frankie567]

Right, sorry, actually, I confused with the Next.js hooks 😊 It looks like there is a hole here where the React integration doesn't have a hook decoding the access token to read the permission. Tracking it here: fief-dev/fief-js#11

[NataliaFCavicchioli]

No worries. Ok, thank you very much for looking into it!