ScrollHintのアイコンが表示されない問題について

実現したいこと

ScrollHintのアイコンを表示させたい

前提・発生している問題

知見が少なく、調べながらコーディングしているため、
基本的な質問になってしまったら申し訳ございません。

現在Webページを制作しており、その中でJavaScriptライブラリ
「ScrollHint」を導入しようとしています。
https://appleple.github.io/scroll-hint/

slickで複数枚の画像をカルーセル表示させており、
カルーセル画像の上にScrollHintアイコンを表示させたいと
考えています。

しかし、アイコンがビューポート内に入ってきたときにクラス名「scroll-hint-icon-wrap」に
付与されるはずの「is-active」が付与されず、アイコンが表示されない状況です。

該当のソースコード

html
1<head>
2（省略）
3	<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js"></script>
4	<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
5	<script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>
6	<script type="text/javascript" src="./assets/js/main.js" defer></script>
7（省略）
8</head>
9<body>
10（省略）
11	<ul class="list_comic slick01 js-scrollable">
12		<li>
13			<picture>
14				<source media="(min-width:768px)" srcset="./assets/images/01_pc.png">
15				<img src="./assets/images/01_sp.png" alt="">
16			</picture>
17		</li>
18		<li>
19		（省略）
20		<!--- scrollhintで自動的に追記されます --->
21		<div class="scroll-hint-icon-wrap" data-target="scrollable-icon">
22			<span class="scroll-hint-icon">
23				<div class="scroll-hint-text">スクロールできます</div>
24			</span>
25		</div>
26		<!--- scrollhintで自動的に追記されます ここまで --->
27	</ul>
28（省略）
29</body>
30（省略）

js
1$(function() {
2（省略）
3// ScrollHint
4	new ScrollHint('.js-scrollable', {
5		remainingTime: '3000',
6		i18n: {
7			scrollable: 'スクロールできます'
8		},
9	});
10});

試したこと

ブラウザの開発ツールで"scroll-hint-icon-wrap" に"is-active"を追加すると、想定通りアイコンは表示されました
CDNではなく、ダウンロードした「scroll-hint.min.js」「scroll-hint.css」を読み込ませても、アイコンは表示されませんでした（cssとjsは読み込まれていますが、上記と同様にis-activeが付加されない状態です）

ご教授いただけますと幸甚です。
何卒よろしくお願い申し上げます。