Conditional rendering preserves state

The state resets because the props changed

The state resets because the JSX branches are different

The state is preserved because the component type and position stay the same

The state is duplicated and merged between both branches