diff --git a/portal-ui/src/common/SecureComponent/SecureComponent.tsx b/portal-ui/src/common/SecureComponent/SecureComponent.tsx index 4fa0f61be..f2544c446 100644 --- a/portal-ui/src/common/SecureComponent/SecureComponent.tsx +++ b/portal-ui/src/common/SecureComponent/SecureComponent.tsx @@ -58,12 +58,15 @@ const SecureComponent = ({ resource, }: ISecureComponentProps) => { const permissionGranted = hasPermission(resource, scopes, matchAll); - const childComponent = <>{children}; if (!permissionGranted && !errorProps) return ; if (!permissionGranted && errorProps) { - return cloneElement(childComponent, { ...errorProps }); + return Array.isArray(children) ? ( + <>{children.map((child) => cloneElement(child, { ...errorProps }))} + ) : ( + cloneElement(children, { ...errorProps }) + ); } - return childComponent; + return <>{children}; }; export default SecureComponent;