fullscreen indicator

src/hooks/useFullscreen.js

@@ -0,0 +1,16 @@
+import { useState } from "react";
+import { useEventListener } from "usehooks-ts";
+
+export default function useFullscreen() {
+  const [value, setValue] = useState(() => {
+    return document.fullscreenElement === document.documentElement;
+  });
+
+  function handleFullscreenChange() {
+    setValue(document.fullscreenElement === document.documentElement);
+  }
+
+  useEventListener("fullscreenchange", handleFullscreenChange, document);
+
+  return value;
+}