Почему оператор if/else выполняет часть else, даже если условие выполнено

Поэтому я запускаю оператор if/else, чтобы проверить, совпадает ли входное значение с названием фильма, но по какой-то причине, даже если заголовок и значение одинаковы и цикл должен остановиться, он все равно сохраняется. работает и выполняет инструкцию оператора else. Почему это?.

Вот как мой код выглядит на данный момент

import React from 'react'
import styles from '@/styles/movies.module.css'
import Image from 'next/image';


export default function index() {
    const movies = [
        {
            title: 'Batman: the dark knight',
            releaseDate: '27 April 2007',
            rating: 9.8,
            image: "/pic11.jpg"
        },
        {
            title: 'Scrubs',
            releaseDate: '18 April 2012',
            rating: 4.7,
            image: "/pic12.jpg"
        },
        {
            title: 'Ted',
            releaseDate: '16 April 2002',
            rating: 9,
            image: "/pic13.png"
        },
        {
            title: 'Transformers',
            releaseDate: '27 April 2007',
            rating: 8,
            image: "/pic14.jpg"
        },
        {
            title: 'Batman: the dark knight rises',
            releaseDate: '27 April 2007',
            rating: 9.2,
            image: "/pic15.jpg"
        },
    ];
    const func = (arg) => {
        for(let i = 0; i < movies.length; i++){
            if (arg === movies[i].title){
                console.info(movies[i].title)
                console.info(`The movie ${movies[i].title} has been found`)
            } else {
                console.info(`The movie ${arg} has not been found!`)
            }
        }
    }


  return (
    <div className = {styles.fightContainer}>
        <div className = {styles.topStuff}>
            <h1>Movie Fight!</h1>
            <input 
                type = "text" 
                placeholder='eg Batman....' 
                name='arg'
                className = {styles.inputation} 
                onKeyUp = {(e) => func(e.target.value)}
            />
        </div>
        <div className = {styles.interactionContainer}>
            {movies.map(movie => (
                <div className = {styles.fightCard} key = {movie.rating}>
                    <div className = {styles.imageContainer}>
                        <Image src = {movie.image} width = {130} height = {100} className = {styles.image} alt = "img" />
                    </div>
                    <div className = {styles.textContainer}>
                        <p>{movie.title}</p>
                        <p>{movie.releaseDate}</p>
                        <p>{movie.rating}</p>
                    </div>
                    <button>More info</button>
                </div>
            ))}
        </div>
        <h1>hey</h1>
    </div>
  )
}

Где я могу ошибиться?