React Js Count Number of Times User Switches Between Tabs

    const { useState, useEffect } = React;

    function App() {

      const [tabChanges, setTabChanges] = useState(0);

      useEffect(() => {

        const handleVisibilityChange = () => {

          if (document.hidden) {

            // User switched to another tab or minimized the window

            setTabChanges(tabChanges + 1);

          }

        };

        document.addEventListener('visibilitychange', handleVisibilityChange);

        return () => {

          // Clean up the event listener when the component unmounts

          document.removeEventListener('visibilitychange', handleVisibilityChange);

        };

      }, [tabChanges]);

​

      return (

        <div className='container'>

          <h3>React Js Count Number of Times Tab Changes </h3>

          <p>Tab Changes: {tabChanges}</p>

        </div>

      );

    }

​

    ReactDOM.render(<App />, document.getElementById("app"));

  </script>