JSX сложное сравнение?
isAuthenticated().direct.role === 'Директор' || isAuthenticated().direct.role === 'Управляющий' ... дальше, думаю догадаетесь сами
const userRole = isAuthenticated().direct.role;

['Директор', 'Управляющий' , 'role name'].includes(userRole) ? ...code... : ...code... ;
Правда, проблемы у вас всё равно есть. Самая очевидная - этот код падает, если юзер не авторизован и isAuthenticated возвращает false, а вы пытаетесь у этого значения свойство direct получить.