book viewer full screen

src/pages/viewer/hooks/useBrowserFullscreen.ts

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+import { exitViewerFullscreen } from '@/pages/viewer/utils/viewerFullscreen';
+
+type Options = {
+  enabled: boolean;
+};
+
+/** Leaves browser fullscreen when the viewer route unmounts. */
+export function useBrowserFullscreen({ enabled }: Options) {
+  useEffect(() => {
+    if (!enabled) return;
+    return () => {
+      exitViewerFullscreen();
+    };
+  }, [enabled]);
+}