React state updates in console but UI doesn't re-render (useState with counter)

The value changes in the console, but the UI continues displaying the old value. Refreshing the browser displays the correct value. import { useState } from "react";

export default function Counter() { const [count, setCount] = useState(0);

function increase() {
    setCount(count + 1);
    console.log(count);
}

return (
    <div>
        <h2>{count}</h2>
        <button onClick={increase}>
            Increase
        </button>
    </div>
);

}