react-loading-overlay hook

App.js

import {useState} from 'react'
import LoadingOverlay from 'react-loading-overlay'
import './App.css';

function App() {
  const [isActive, setIsActive] = useState(false)
  return (
        <LoadingOverlay
            active={isActive}
            spinner
            text='Loading...'
        >
          <div className="App">
            <button onClick={()=> {
              setIsActive(true)
              setTimeout(()=>{
                setIsActive(false)
              },2000)
            }}>Load Spinner</button>
          </div>
        </LoadingOverlay>
  );
}

export default App;