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;