fixing the usePageVisibility triggering renders multiple times (#58)

* fixing the usePageVisibility triggering renders multiple times * bumping the version
KablamoOSS · Nov 25, 2019 · 19661e1 · 19661e1
1 parent 0dbfda9
commit 19661e1
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
@@ -14,6 +14,7 @@
   "private": false,
   "license": "MIT",
   "scripts": {
+    "build": "exit 0",
     "test": "src/test.js"
   },
   "peerDependencies": {

diff --git a/packages/kerosene-ui/package.json b/packages/kerosene-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kablamo/kerosene-ui",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "repository": {
     "type": "git",
     "url": "https://github.com/KablamoOSS/kerosene.git",

diff --git a/packages/kerosene-ui/src/hooks/usePageVisibility.ts b/packages/kerosene-ui/src/hooks/usePageVisibility.ts
@@ -16,8 +16,8 @@ export default function usePageVisibility(
 export default function usePageVisibility(
   useState = true,
 ): [boolean, React.RefObject<boolean>] | React.RefObject<boolean> {
-  const [visible, setVisible] = React.useState(false);
-  const visibility = React.useRef(false);
+  const [visible, setVisible] = React.useState(!document.hidden);
+  const visibility = React.useRef(!document.hidden);
 
   const onVisibilityChange = React.useCallback(() => {
     // Fallback to `document.hidden=false` if the API is not present