RenderError.js

export default function PermissionsGate({
  children,
  RenderError = () => <></>,
  errorProps = null,
  scopes = []
}) {
  const { role } = useGetRole();
  const permissions = PERMISSIONS[role];

  const permissionGranted = hasPermission({ permissions, scopes });

  if (!permissionGranted && !errorProps) return <RenderError />;


  return <>{children}</>;
}