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.

[derekrjones]

Would using batch() in patchRegistry be a solution? (batch patchContexts and patchComponents)

solid-refresh/src/runtime/index.ts

Lines 171 to 179 in e5b99c2

	function patchRegistry(oldRegistry: Registry, newRegistry: Registry) {
	const shouldInvalidateByContext = patchContexts(oldRegistry, newRegistry);
	const shouldInvalidateByComponents = patchComponents(
	oldRegistry,
	newRegistry,
	);
	// In the future we may add other HMR features here
	return shouldInvalidateByComponents || shouldInvalidateByContext;
	}