useCallback.js

import { useCallback } from "react";

export default function Parent() {

  const doSomething = useCallback(() => {
    // A função sempre terá a mesma referência.
  }, []);
  
  const doAnotherThingWithAandB = useCallback(() => {
    // Sua referência irá mudar quando a e b mudarem.
  }, [a, b]);


  return(
     <Component 
        doSomething={doSomething}
        doAnotherThingWithAandB={doAnotherThingWithAandB}
    />;
  )
}