Add useBluelibInBody hook

src/hooks/useBluelibInBody.tsx

@@ -0,0 +1,16 @@
+import { useRef, useEffect } from "react"
+import { useBluelib } from "./useBluelib"
+
+export function useBluelibInBody(theme) {
+    const ref = useRef<HTMLBodyElement | null>(null)
+    useEffect(
+        () => {
+            ref.current = document.body as HTMLBodyElement
+        },
+        [ref]
+    )
+
+    useBluelib(ref, {
+        theme,
+    })
+}

src/index.ts

@@ -60,3 +60,4 @@ export {Bluelib as default} from "./components/Bluelib"
 export {usePromise} from "./hooks/usePromise"
 export {useFormState} from "./hooks/useFormState"
 export {useBluelib} from "./hooks/useBluelib"
+export {useBluelibInBody} from "./hooks/useBluelibInBody"