// src/App.jsx
import { useEffect } from "react";

function Welcome() {
  useEffect(() => {
    document.title = "Welcome!";
  }, []);

  return <h1>Welcome to the app</h1>;
}

function App() {
  return <Welcome />;
}

export default App;

/*
  Notes:
  - The empty dependency array ([]) means this effect runs exactly
    once, right after the component's first render — not on every
    re-render.
  - document.title is a real side effect: it reaches outside of React
    entirely, directly changing the browser tab's title.
*/