JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>


    <input type="text" id="graphicFilter" />

    <div data-keywords="banane">banane</div>
    <div data-keywords="barbe">barbe</div>
    <div data-keywords="betrave">betrave</div>
    <div data-keywords="bugs bunny">bugs bunny</div>
    <div data-keywords="devis créés">devis créés</div>

    <script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script type="application/javascript">
    document.getElementById('graphicFilter').addEventListener('keyup', function() {
        let myVar = this.value;
        $('[data-keywords]:contains('+ myVar +')').show('slow');
        $('[data-keywords]:not(:contains('+ myVar +'))').hide('slow');
    });
    </script>
</body>
</html>