Стек: React, typescript, сборка - rollup
Надо реализовать react hook, который
- скажет, активна (видна) ли сейчас вкладка браузера
- скажет, сколько раз с момента инициализации компонента вкладка становилась неактивной (невидимой)
- предоставит функцию, в которой можно подписаться на изменение активности (видимости) текущей вкладки
Замечание: речь про "вкладка активна(видна)/неактивна", а не "вкладка в фокусе/не фокусе", это важно.
npm install @sistinelove/use-document-visibility