not-nested.js

function App({ date }) {
  const [currentDate, setCurrentDate] = useState(new Date());
  const [count, setCount] = useState(0);

  const prettyDate = useMemo(() => formatDate(currentDate), [currentDate]);

  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>
        You clicked {count} times, last time at {prettyDate}!
      </h2>

      <button onClick={() => updateCount(-1, setCount, setCurrentDate)}>Decrement</button>
      <button onClick={() => updateCount(1, setCount, setCurrentDate)}>Increment</button>
    </div>
  );
}