Missing early return in set function example?

Regarding this example

import { useState } from 'react';

export default function CountLabel({ count }) {
  const [prevCount, setPrevCount] = useState(count);
  const [trend, setTrend] = useState(null);
  if (prevCount !== count) {
    setPrevCount(count);
    setTrend(count > prevCount ? 'increasing' : 'decreasing');
//    return; here?
  }
  return (
    <>
      <h1>{count}</h1>
      {trend && <p>The count is {trend}</p>}
    </>
  );
}

It seems to me that the example should include an early return statement after setTrend so React doesn't have to compute a tree that might be discarded immediately because the trend is changed from null to increasing / decreasing

first render

return (
    <>
      <h1>{count}</h1>
    </>
  );

immediate second pass

return (
    <>
      <h1>{count}</h1>
      <p>The count is increasing</p>
    </>
  );

Mở ví dụ useState được liên kết trong tài liệu và so sánh hành vi hiện tại của ví dụ với lệnh return sớm được đề xuất sau setTrend. Kiểm tra phần giải thích xung quanh và đầu ra của ví dụ trước khi quyết định liệu ví dụ có cần được sửa lại hay không; hoàn tất khi ví dụ và phần giải thích của nó phản ánh chính xác hành vi kết xuất đã thống nhất.