https://kentcdodds.com/blog/use-state-lazy-initialization-and-function-updates
// before
const [state, setState] = useState(getInitialHundredItems())
// after
const [state, setState] = useState(getInitialHundredItems);
// or
const [state, setState] = useState(() => getInitialHundredItems());