ParentWithCallback.tsx

const Parent = () => {
  const [count, setCount] = useState<number>(0);
  
  const printFunction = useCallback((text: string) => {
    console.log(text);
  }, []);

  // some other functions
      
  return (
    <div >
      <div>
        <span style={{marginRight: 10}}>{count}</span>
        <button onClick={() => setCount((prev: number) => prev + 1)}>add parent count</button>
      </div>
      /* some jsx element*/
      <Child callback={printFunction} />
      /* some jsx element*/
    </div>
  );
}