From 886c2aa1d14d2b2562a13055bef57604ed5f81ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Mon, 1 Apr 2024 22:02:15 -0500
Subject: [PATCH] fix: access document on client 2

---
 .../tankopedia/[id]/components/Model/components/Options.tsx   | 4 +---
 src/hooks/useFullScreen.ts                                    | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx b/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx
index da7079899..3553edf89 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx
@@ -183,9 +183,7 @@ export function Options({ isFullScreen }: OptionsProps) {
           onClick={() => {
             if (isFullScreen) {
               document.exitFullscreen();
-            } else if (typeof document !== 'undefined') {
-              document.body.requestFullscreen();
-            }
+            } else document.body.requestFullscreen();
           }}
         >
           {isFullScreen ? <ExitFullScreenIcon /> : <EnterFullScreenIcon />}
diff --git a/src/hooks/useFullScreen.ts b/src/hooks/useFullScreen.ts
index 2bb66e3d6..32dae2e9c 100644
--- a/src/hooks/useFullScreen.ts
+++ b/src/hooks/useFullScreen.ts
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 
 export function useFullScreen() {
   const [isFullScreen, setIsFullScreen] = useState(
-    document.fullscreenElement !== null,
+    typeof document !== 'undefined' && document.fullscreenElement !== null,
   );
 
   useEffect(() => {