I would like to show only one student.but there is the mistake that tell me that is not a function

Current Code

detail: async function (req, res) {
    var thatEvent = await Event.findOne(req.params.eventid);
    if (!thatEvent) return res.notFound();

    var event = await Event.findOne(req.params.eventid).populate(
      "participants"
    );
    if (!event) return res.notFound();
    var participants = await event.participants;
    return res.json(participants);
  },

The is the result of the current code

[
  {
    "createdAt": 1636793903089,
    "updatedAt": 1636793903089,
    "id": 3,
    "role": "student",
    "username": "student1"
  },
  {
    "createdAt": 1636793903089,
    "updatedAt": 1636793903089,
    "id": 4,
    "role": "student",
    "username": "student2"
  },
  {
    "createdAt": 1636793903089,
    "updatedAt": 1636793903089,
    "id": 5,
    "role": "student",
    "username": "student3"
  }
]

After change

 detail: async function (req, res) {
    var thatEvent = await Event.findOne(req.params.eventid);
    if (!thatEvent) return res.notFound();

    var event = await Event.findOne(req.params.eventid).populate(
      "participants"
    );
    if (!event) return res.notFound();
    var participants = await event.participants.find({id:3});
    return res.json(participants);
  },

Then it will show the error that is not a function

error: Sending 500 ("Server Error") response: 
 TypeError: #<Object> is not a function
    at Array.find (<anonymous>)
    at Object.detail [as event/detail] 

The code I edited is below

 var participants = await event.participants.find({id:3});