components created unnecessarily

[derekrjones]

in the following example, when refreshed, CompB is created more times than it should

// ex. App.tsx has single <CompA/>
export const function CompA() {
  console.log('A');
  return <CompB />;
}
function CompB() {
  console.log('B');
  return <div>hi</div>;
}

initial run logs A B file save, logs B A B (or A B B if CompB initially placed above CompA)

If CompB was costly, then this would have an impact of perf.