App-bad.js

function App() {
  const [count, setCount] = useState(0);
  const [message, setMessage] = useState("");

  function increment() {
    setCount(count + 1);
    setMessage(`count is ${count}`);
  }

  function decrement() {
    setCount(count - 1);
    setMessage(`count is ${count}`);
  }

  return (
    <div className="App">
      ...
    </div>
  );
}

Hey! I encountered this article and started to wonder why haven't you followed Dan's suggestion to calculate next value and update both:

  function increment() {
    const newCount = count + 1;
    setCount(newCount);
    setMessage(`count is ${newCount}`);
  }
  function decrement() {
    const newCount = count - 1;
    setCount(newCount);
    setMessage(`count is ${newCount}`);
  }

What's the reason for not doing so?

Thank you, @tfiechowski for the correction~
I don't have an excuse as I misunderstood Dan's suggestion 😓

I've updated the post and added your gist 😄

Sure, no worries!

I'm happy I could contribute and also big appreciation for a mention in the article! 🙇

✋ high-five for the contribution~