Бесполезный useCallback

Исправь ошибку и оптимизируй рендер

javascriptconst Button = memo(function Button({onClick}: {onClick: React.MouseEventHandler}) {
  console.log('render');
  return <button onclick={onClick}>Click me</button>
}

export default function App(){
  const [isVisible, setIsVisible] = useState(false)

  const OnClick = useCallback(() => {
    setIsVisible(!isVisible)
  }, [])

  return (
    <>
    <Button onClick={onClick}/>
    {
      isVisible && (<div>lorem ipsum</div>)
    }
    </>
  )
}