Lesson Highlights

import { Education18 } from "@/components/beste/piece/education18";

<Education18
  lesson="Lesson 6 · Hooks in depth"
  highlights={[
    {
      "text": "useEffect runs after the DOM commit, not during render.",
      "tone": "amber"
    },
    {
      "text": "Cleanup runs before the next effect, and on unmount.",
      "tone": "sky"
    }
  ]}
  note="Ask Priya about the stale-closure example in office hours."
/>