JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

JavaScript

setTimeout(function(){
    $(window).on("blur focus", function(e) {
    var prevType = $(this).data("prevType");

    if (prevType != e.type) {   //  reduce double fire issues
        switch (e.type) {
            case "blur":
                $('div').text("user is not active on page ");
                break;
            case "focus":
                location.reload()
                break;
        }
    }

    $(this).data("prevType", e.type);
    })},30000);