Can component renders his children if user has permissions listed in permissions prop

Can.tsx

import * as React from "react";
import { LoginContext } from "../components/login"

type CanPropsType = {
  permissions: string[],
  children: React.ReactNode
}

const hasPerms = (userPermissions: string[], componentPermissions: string[]): boolean => {
  for(let permission of componentPermissions){
    if(!userPermissions.includes(permission)) return false;
  }

  return true;
}

export const Can: React.FunctionComponent<CanPropsType> = (props) => {
  const loginContext = React.useContext(LoginContext);
  
  return (
    <>
      {loginContext?.state.isAdmin || hasPerms(loginContext?.state.permissions || [], props.permissions) ?
        <>{props.children}</> : <> </>
      }
    </>
  )
}