What is the correct way of passing the initialiser function to useState?
const [todos, setTodos] = useState(createInitialTodos());
Although the result of createInitialTodos() is only used for the initial render, you’re still calling this function on every render. This can be wasteful if it’s creating large arrays or performing expensive calculations.
const [todos, setTodos] = useState(createInitialTodos);
If you pass a function to useState, React will only call it during the initialisation phase.