Tengo estos 2 estados, de 2 llamadas api diferentes, una es 'movieList' y la otra es 'buscar', ambas son una variedad de películas. movieList se procesa automáticamente ya que es la búsqueda de películas populares y corresponde que el usuario se muestra tan pronto como abre la página, en la barra de navegación tengo una entrada adjunta a un estado llamado búsqueda y guarda una serie de películas que coinciden el nombre en él ... intente usar un condicional con la siguiente lógica, si existe búsqueda, búsqueda de mapas, de lo contrario mapear movieList. pero parece que no sé cómo hacerlo correctamente. Si alguien me puede dar una mano en como hacerlo, me ayudaría mucho, muchas gracias! aqui les dejo el codigo

 import { useSelector } from 'react-redux' import { getAllMovies } from '../../features/movieSlice' import MovieCard from '../MovieCard/MovieCard'; const MovieListing = ({ movieList, search }) => { return ( <div className='' > <div className=''> <div className='my-20 mx-15 flex flex-wrap justify-around items-center' > { movieList.map((movie)=>( <MovieCard {...movie} key={movie.id} /> ))} </div> </div> </div> ) } export default MovieListing```