Exercise 1: Basic useEffect Hook with Counter Component

1. Step 1: Update the Counter Component

   • Modify the existing Counter.jsx component to use the useEffect hook.

   • Use useEffect to log a message to the console every time the counter is incremented.

   • Show Solution

2. Step 2: Test and Observe

   • Increment the counter and observe the console logs.
   • Modify the useEffect dependency array and observe how it affects the behavior (e.g., try removing count from the array).

3. Step 3: Extension

• Add another useEffect without a dependency array to log a message when the Counter component mounts. Observe the differences between this and the previous useEffect.