Tengo en mi proyecto Bootstrap5, ClipboardJS, JQuery y Tooltipster.

Traté de seguir exactamente las instrucciones iniciales en elsitio web de Tooltipster , no pude entender lo que me perdí, aquí hay dos títulos, el primero de los scripts de JavaScript y el otro de uno de los componentes (botones) donde debería aparecer una información sobre herramientas después haciendo clic en uno de ellos:

 <!-- (Right before </body>) --> <!-- ClipboardJS --> <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.10/clipboard.min.js"></script> <script> var btns = document.querySelectorAll('.btn'); var clipboard = new ClipboardJS(btns); </script> <!-- Tooltipster --> <script type="text/javascript" src="tooltipster.bundle.min.js"></script> <script> $(document).ready(function() { $('.btn').tooltipster({ trigger: 'click' }); }); </script> <!-- JQuery --> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <!-- Bootstrap --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

 <button class="btn btn-outline-dark rounded ms-2" title="Copied! 🙌" type="button" data-clipboard-target="#email"> Copy </button>

Gracias por ayudar.