diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 892fb11..d4df63f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -44,8 +44,8 @@ export const metadata: Metadata = {
   },
 };
 
-//const isDev = process.env.NEXT_PUBLIC_NODE_ENV !== 'production' || process.env.NODE_ENV == null;
-const isDev = false;
+const isDev = process.env.NEXT_PUBLIC_NODE_ENV !== 'production' || process.env.NODE_ENV == null;
+//const isDev = false;
 
 export default function RootLayout({
   children,
diff --git a/src/components/player/Navigator.tsx b/src/components/player/Navigator.tsx
index 3e1ca9c..3584bd2 100644
--- a/src/components/player/Navigator.tsx
+++ b/src/components/player/Navigator.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Button } from '@headlessui/react';
 
 export const Navigator = ({ currentPage, numPages, skipToPage }: {
diff --git a/src/components/player/SpeedControl.tsx b/src/components/player/SpeedControl.tsx
index 0d6e4af..23a4bb6 100644
--- a/src/components/player/SpeedControl.tsx
+++ b/src/components/player/SpeedControl.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {
   Listbox,
   ListboxButton,
diff --git a/src/components/player/VoicesControl.tsx b/src/components/player/VoicesControl.tsx
index fa54add..92fec6c 100644
--- a/src/components/player/VoicesControl.tsx
+++ b/src/components/player/VoicesControl.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {
   Listbox,
   ListboxButton,
diff --git a/src/hooks/audio/useAudioCache.ts b/src/hooks/audio/useAudioCache.ts
index 9220d2e..ef5c8b9 100644
--- a/src/hooks/audio/useAudioCache.ts
+++ b/src/hooks/audio/useAudioCache.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { useRef } from 'react';
 import { LRUCache } from 'lru-cache';
 
diff --git a/src/hooks/audio/useAudioContext.ts b/src/hooks/audio/useAudioContext.ts
index fc936a4..53bfd74 100644
--- a/src/hooks/audio/useAudioContext.ts
+++ b/src/hooks/audio/useAudioContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { useState, useEffect } from 'react';
 
 // Type definition for AudioContext to handle browser compatibility
diff --git a/src/hooks/audio/useMediaSession.ts b/src/hooks/audio/useMediaSession.ts
index 87c3a76..698857e 100644
--- a/src/hooks/audio/useMediaSession.ts
+++ b/src/hooks/audio/useMediaSession.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect } from 'react';
 
 interface MediaControls {
diff --git a/src/hooks/audio/useVoiceManagement.ts b/src/hooks/audio/useVoiceManagement.ts
index 312744f..0f4ba2e 100644
--- a/src/hooks/audio/useVoiceManagement.ts
+++ b/src/hooks/audio/useVoiceManagement.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { useState, useCallback } from 'react';
 
 const DEFAULT_VOICES = ['alloy', 'ash', 'coral', 'echo', 'fable', 'onyx', 'nova', 'sage', 'shimmer'];
diff --git a/src/hooks/pdf/usePDFDocuments.ts b/src/hooks/pdf/usePDFDocuments.ts
index 5c75773..2491aff 100644
--- a/src/hooks/pdf/usePDFDocuments.ts
+++ b/src/hooks/pdf/usePDFDocuments.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { useState, useCallback, useEffect } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 import { indexedDBService, type PDFDocument } from '@/utils/indexedDB';