What is the result of rendering this component twice, first with `cond=false` then `cond=true`, with respect to the state of the input, and what reconciliation rule explains it?
function Form({ cond }) {
const input = <input defaultValue="hi" />;
return cond ? <div>{input}</div> : input;
}