React component to perform access control for frontend components

[pavinduLakshan]

Is your suggestion related to an experience ? Please describe.

It'd be great to have a readymade utility function/component to perform access control on ui components in a react app.

Describe the improvement

The Component will only be displayed If the authenticated user has the scopes specified.

import { Show } from "@asgardeo/auth-react";

const App = () => {
 
  return (
  	  <>
			<Show requiredScopes={ [ /* array of required scopes */] }>
            	<Component ...props />
             </Show>
      </>
   )
}

Additional context

N/A

[pavinduLakshan]

Closing as authorization shouldn't be SDK responsibility. It's up to the developer to control visibility based on the authenticated user's info (scopes etc)