useEffectOnceWhen

import { useState } from "react";
import { useEffectOnceWhen } from "rooks";
 
const App = () => {
  const [loading, setLoading] = useState(true);
 
  useEffectOnceWhen(() => {
    setTimeout(() => {
      setLoading(false);
    }, 3000); // Countdown for 3 sec
  }, loading);
 
  return (
    <div>
      <h1>Rooks: useEffectOnceWhen Example</h1>
      <hr></hr>
 
      <p style={{ fontSize: "20px" }}>
        {loading
          ? "Loading Component (will be gone in 3 secs)...."
          : "Counter Component"}
      </p>
    </div>
  );
};
 
export default App;