Todos os livros aparecem na tela ao entrar, não escrever nada (vazio) e sair (aciona o onBlur) do INPUT

function Pesquisa () {

    const [livrosPesquisados, setLivrosPesquisados] = useState([])
        // Não será mais useState(''), pois não irá mais receber string
        // Agora será useState([]), pois irá receber uma array (lista) de objetos
    
    console.log(livrosPesquisados);    
        
    return (
        <PesquisaContainer>
            <Titulo>Já sabe por onde começar?</Titulo>
            <Subtitulo>Encontro seu livro em nossa estante.</Subtitulo>
            <Input
                placeholder="Escreva sua próxima leitura"
                onBlur={ evento => {
                    const textoDigitado = evento.target.value
                    const resultadoPesquisa = livros.filter( livro => livro.nome.includes(textoDigitado))
                    setLivrosPesquisados(resultadoPesquisa)
                }} 
            />
            { livrosPesquisados.map( livro => (
                <Resultado>
                    <p> { livro.nome } </p>
                    <img src={ livro.src } alt='capa' />
                </Resultado>
            ) ) }
        </PesquisaContainer>
    )
}