diff --git a/js/components/src/hooks/useCameraToggle.ts b/js/components/src/hooks/useCameraToggle.ts
index 42868ad7..c2a29ffd 100644
--- a/js/components/src/hooks/useCameraToggle.ts
+++ b/js/components/src/hooks/useCameraToggle.ts
@@ -1,4 +1,4 @@
-import { usePlayerStore } from "@streamplace/components";
+import { usePlayerStore } from "../player-store";
 
 export function useCameraToggle() {
   const ingestCamera = usePlayerStore((x) => x.ingestCamera);
diff --git a/js/components/src/hooks/useLivestreamInfo.ts b/js/components/src/hooks/useLivestreamInfo.ts
index c6b059a7..8a9ad946 100644
--- a/js/components/src/hooks/useLivestreamInfo.ts
+++ b/js/components/src/hooks/useLivestreamInfo.ts
@@ -1,5 +1,6 @@
-import { useLivestreamStore, usePlayerStore } from "@streamplace/components";
 import { useState } from "react";
+import { useLivestreamStore } from "../livestream-store";
+import { usePlayerStore } from "../player-store";
 import { useCreateStreamRecord } from "../streamplace-store";
 
 export function useLivestreamInfo() {
diff --git a/js/components/src/hooks/useSegmentTiming.tsx b/js/components/src/hooks/useSegmentTiming.tsx
index cd6a8e52..d01f346a 100644
--- a/js/components/src/hooks/useSegmentTiming.tsx
+++ b/js/components/src/hooks/useSegmentTiming.tsx
@@ -1,5 +1,5 @@
-import { useLivestreamStore } from "@streamplace/components";
 import { useEffect, useRef, useState } from "react";
+import { useLivestreamStore } from "../livestream-store";
 
 export type ConnectionQuality = "good" | "degraded" | "poor";