¿Как отфильтровать неопределенные элементы в массив в React?

Я хочу иметь возможность вытаскивать неопределенные элементы из массива, чтобы моя таблица могла правильно отображать значения. В настоящее время у меня есть эта проблема, когда в следующей таблице показаны данные, соответствующие этим таблицам, но кажется, что массивы занимают позиции с данными, которые не могут быть отображены, и я хотел бы удалить их из массива: захват

это код:

      team.playerHasTeams.map((player) => {
        playersInTeamData.push({
          idTeam: team.id,
          playerName: player.bookings.full_form_data.name,
          lastName: player.bookings.full_form_data.lastname,
          location: player.bookings.full_form_data.location,
          dateBirth: player.bookings.full_form_data.birth_date,
          gender: player.bookings.full_form_data.gender,
          position: player.bookings.full_form_data.position
        }) 
      })
      let formatedData = playersInTeamData.map((player, index) => {
        if (player.idTeam === team.id) {
          return {
            key: index,
            assingTeam: (
              <Form.Item>
                <Select placeholder = "Assign">
                  {searchResponse.map((team, index) => (
                    <Select.Option key = {index} value = {team.id}>
                      {team.official_name}
                    </Select.Option>
                  ))}
                </Select>
              </Form.Item>
            ),
            playerName: player.playerName,
            lastName: player.lastName,
            location: player.location,
            dateBirth: player.dateBirth,
            gender: player.gender,
            position: player.position
          }
        }
      })