React state mutation issue and solution

Easy

In React, what is the issue with directly modifying the state object, and how can it be avoided?

ReactStateImmutability

1const [state, setState] = React.useState({ count: 0 });
2
3function increment() {
4  state.count++;
5  setState(state);
6}
7
8<button onClick={increment}>Increment</button>;

In React, what is the issue with directly modifying the state object, and how can it be avoided?

Hint