Простой пример import { memo, useState, useCallback } from 'react'; const Button

Question

Простой пример import { memo, useState, useCallback } from 'react'; const Button

= memo(({ handleClick }) => {
return (<button onClick={handleClick}>click</button>)
})
function App() {
const [state, setState] = useState(false);
const handleClick = () => {
setState((state) => !state);
}
return (
<>
<Button handleClick={handleClick} />
{state && <div>clicked</div>}
</>
)
}
export default App;

как сделать чтобы кнопка не ререндерилась?