use callback

useCallback.jsx

import React, { useState, useCallback } from 'react';

const ParentComponent = () => {
  const [count, setCount] = useState(0);

  const handleIncrement = useCallback(() => {
    setCount((prev) => prev + 1);
  }, []); // referansın değişmemesi için

  return (
    <>
        <div>{count}</div>
        <ChildComponent onIncrement={handleIncrement} />
    </>
  );
};

const ChildComponent = ({ onIncrement }) => (
  <button onClick={onIncrement}>Artır</button>
);

export default ParentComponent;