Disallow function calls in useState that aren't wrapped in an initializer function (react/prefer-use-state-lazy-initialization)
A function can be invoked inside a useState call to help create its initial state. However, subsequent renders will still invoke the function while discarding its return value. This is wasteful and can cause performance issues if the function call is expensive. To combat this issue React allows useState calls to use an initializer function which will only be called on the first render.
This rule will warn you about function calls made inside useState calls.
Examples of incorrect code for this rule:
const [value, setValue] = useState(generateTodos());Examples of correct code for this rule:
const [value, setValue] = useState(() => generateTodos());