Bracket notation and dot notation

Tell us what’s happening:
Describe your issue in detail here.
I was wondering why “contacts[i].firstName===name” works but "contacts[i][firstName] ===“name” doesn’t work. When I use bracket notation it says firstName not defined.

  **Your code so far**

// Setup
const contacts = [
{
  firstName: "Akira",
  lastName: "Laine",
  number: "0543236543",
  likes: ["Pizza", "Coding", "Brownie Points"],
},
{
  firstName: "Harry",
  lastName: "Potter",
  number: "0994372684",
  likes: ["Hogwarts", "Magic", "Hagrid"],
},
{
  firstName: "Sherlock",
  lastName: "Holmes",
  number: "0487345643",
  likes: ["Intriguing Cases", "Violin"],
},
{
  firstName: "Kristian",
  lastName: "Vos",
  number: "unknown",
  likes: ["JavaScript", "Gaming", "Foxes"],
},
];

function lookUpProfile(name, prop) {
// Only change code below this line
for(let i = 0; i < contacts.length; i++){
  if(contacts[i].firstName===name){
    if(contacts[i][prop] != undefined){
      return contacts[i][prop];
    }
    return "No such property";
  } 
}
return "No such contact"
// Only change code above this line
}

lookUpProfile("Akira", "likes");
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:98.0) Gecko/20100101 Firefox/98.0

Challenge: Profile Lookup

Link to the challenge:

This is expecting a variable named firstName to exist. If you want to look for the property named “firstName” then you need to make that a string (or have a variable named firstName that holds the string “firstName”).