diff --git a/demo/src/App.tsx b/demo/src/App.tsx
index 3248ee6d..4c7abe39 100644
--- a/demo/src/App.tsx
+++ b/demo/src/App.tsx
@@ -141,6 +141,8 @@ function App() {
 
     const initHlsClapprPlayer = (url: string) => {
       const p2pEngine = new HlsJsP2PEngine();
+      p2pEngine.addEventListener("onSegmentLoaded", onSegmentLoaded);
+
       /* eslint-disable */
 
       const clapprPlayer = new window.Clappr.Player({