React useCallback Hook

React recreates every function inside a component every time the component renders. If you pass these functions to child components, it causes unnecessary re-renders. The `useCallback` Hook caches the actual function itself so it doesn't get recreated.

1/* this caches a function */
2import { useCallback } from "react";
3
4function Parent({ data }) {
5  const handleClick = useCallback(() => {
6    console.log("Clicked!");
7  }, []); // Caches the function forever
8}