Lazy Initial State

Calling an expensive function on every render instead of lazily.

Codejavascript

function buildHugeList() {
  console.log('computing...');
  return Array.from({ length: 10000 }, (_, i) => i);
}

function List() {
  const [data, setData] = useState(buildHugeList());
  // ...
}

What is the bug in this code?