A React component that shows a comparison of checks using no constants, with open checks of constants, and with abstracted constants

abstracted-extensions.js

import React from 'react'

const teacher = 'teacher';
const student = 'student';

const isTeacher = (userType) => {
    return userType === teacher;
}

const isStudent = (userType) => {
    return userType === student;
}

const user = {
    type: teacher,
    name: 'Teacher Person'
}

export const Component = (props) => {
    return(
        <div>
            // No constants
            { (user.type === 'teacher')
                ? <div>Teacher view</div>
                : <div>Student view</div>
            }
            // With open constants
            { (user.type === teacher)
                ? <div>Teacher view</div>
                : <div>Student view</div>
            }
            // With abstracted constants
            { (isTeacher(user))
                ? <div>Teacher view</div>
                : <div>Student view</div>
            }
        </div>
    )
}

export default Component

For the abstracted constants example, shouldn’t the first part of the ternary be (isTeacher(user.type))?
Because otherwise isn’t it comparing the whole user object to teacher?